/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2009.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on April 30 2010. (version: OneUI-2.1.0_149_20100430-1512)*/
/*****************************************************************************
core.css is created from the following files, which must be in the order specified:
base.css
component.css (some components are their own separate css file, imported into this file)
layout.css (this is the layout, with overrides to component styles based on where they sit on the page)
deprecated.css

companion files: core.css / <theme name>Theme.css (for example: core.css / defaultTheme.css)
companion files: coreRTL.css / <theme name>ThemeRTL.css (for example: coreRTL.css / defaultThemeRTL.css)
******************************************************************************/

/******************************/
/*** B A S E   S T Y L E S ****/ 
/******************************/

/* Version number encoded into a style.  Numbers are: MajorVersion MinorVersion MilliVersion MicroVersion */
.lotusVersion{margin:2px 1px 0px 149px !important}

/*** R E S E T ***/
/*reset styles, to get rid of browser-specific styling of elements and to set our own defaults - to pick up these styles, put "lotusui" on a container - either the body tag or a div that contains content (you can have more than one lotusui container on a page).  Note, the font size will inherit the page font size.*/
body.lotusui{margin:0;padding:0;font:75%/1.5em Arial, Helvetica, sans-serif;}
.lotusui_ie7 body.lotusui{position:relative}/*fix for IE7, to keep relatively positioned children looking okay.*/
body.lotusJapanese, .lotusui .lotusJapanese *{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif}
/*internal link (default link style)*/
.lotusui a, .lotusui a:visited{text-decoration:none;color:#105cb6}/*takes care of normal and visited links*/
.lotusui a:hover, .lotusui a:focus, .lotusui a:active{text-decoration:underline;color:#05386b}
/*the following headers are used to give heirarchy to the page*/
/*the sizes of the headers are set to support our visual styles*/
/*some header styles are also reset within certain components or sections of the page*/
.lotusui h1{margin:0;padding:0;font-size:1.7em;font-weight:normal;line-height:1.2em;color:#444}/*page header*/
.lotusui h2{margin:0;padding:0;font-size:1.2em;font-weight:bold;color:#444}/*section headers*/
.lotusui h3{margin:0;padding:0;font-size:1.1em;font-weight:bold}/*subsection headers*/
.lotusui h4{margin:0;padding:0;font-size:1.2em;font-weight:bold}/*entry titles*/	
.lotusui h5{margin:0;padding:0;font-size:1.1em;font-weight:bold}/*entry details sections*/
.lotusui img{border:0;vertical-align:middle}
.lotusui input.lotusCheckbox{margin-left:0;margin-right:3px}/*for checkboxes and radio buttons*/
.lotusui button, .lotusui input, .lotusui select{font-family:Arial, Helvetica, sans-serif;font-size:1em/*needed for safari*/}
.lotusJapanese button, .lotusJapanese input, .lotusJapanese select{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif}
.lotusui textarea{padding:1px 0;margin:1px 0;font:normal 1em/1.2em Arial, Helvetica, sans-serif;}
.lotusui p{margin:5px 0 0 0}
.lotusui pre{font-family:"Courier New", Courier, monospace;} /*this helps eliminate discrepencies for how this displays cross-browser*/
/***********************************************************/



/*** S P E C I A L   L I N K S ***/
/*tag*/
.lotusRelatedTags a{background-repeat:no-repeat;padding-left:10px;display:inline-block;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2811px;}
.lotusPersonInactive a, .lotusPersonInactive a:visited, .lotusPersonInactive a:hover, .lotusPersonInactive a:focus, .lotusPersonInactive a:active, a.lotusPersonInactive, a.lotusPersonInactive:visited, a.lotusPersonInactive:hover, a.lotusPersonInactive:focus, a.lotusPersonInactive:active{color:#999 !important;font-style:italic;text-decoration:none}
.lotusTagBin {margin-top:10px;}
/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.lotusAction, a.lotusAction:visited{font-size:.9em}
.lotusActions{font-size:.9em}/*used on an outer container containing multiple action links (and possibly plain text mixed in, like View: tags | list | all)*/
.lotusActions .lotusAction, .lotusui .lotusTiny a.lotusAction, .lotusui .lotusTiny .lotusAction, .lotusui .lotusAction .lotusTiny{font-size:1em}/*only want to reduce the size once*/
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{padding-right:14px;background-position:right center ;background-repeat:no-repeat;background-color:transparent;background-image: url(../images/lotusSprite-8bit.png);background-position:0 -728px}
.lotusIcon a{padding-left:18px;background-repeat:no-repeat}
.lotusDelete{background-repeat:no-repeat;zoom:1} /*delete icon with rollover state;zoom needed for opacity trick in IE*/
a.lotusDelete img{width:12px;height:12px;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2319px;opacity:0.25;filter:alpha(opacity=25);}
a.lotusDelete:hover img, a.lotusDelete:focus img, a.lotusDelete:active img{opacity:0.40;filter:alpha(opacity=40);}
/*this is an alternate version of lotusDelete, where the class needs to be on the image because the link has text in it (like in filters)*/
img.lotusDelete{width:8px;height:8px;background-image:url(../images/lotusSprite-8bit.png);background-position:-2px -2321px;opacity:0.25;filter:alpha(opacity=25)}
a:hover img.lotusDelete, a:focus img.lotusDelete, a:active img.lotusDelete{opacity:0.40;filter:alpha(opacity=40);}
/*general class for 16 pixel icons created as background images, where a link surrounds blank.gif*/
/*NOTES: 
- the image tag of blank.gif contains alt text that will show when images are turned off.  It also needs to set the width and the height
- any hover text is put on the title text of the link
- an additional class is used to assign the icon image.  These are defined in baseTheme.css and are named to match the icon graphic name with a lotus prefix
in the future this can be modified to use an icon sprite graphic*/
.lotusui .lotusIcon16{width:16px;height:16px;background-repeat:no-repeat;background-image:url(../images/lotusSprite-8bit.png);}
.lotusui .lotusIconShow{background-position:0 -2969px}
.lotusui .lotusIconHide{background-position:0 -2483px}
/***********************************************************/



/*** G E N E R A L   S T Y L E S ***/
.lotusui .lotusAccess{position:absolute;top:-3000px;width:500px;}
.lotusui .lotusAlignRight{text-align:right;}
.lotusui .lotusAlignLeft{text-align:left;}
.lotusui .lotusBig{font-size:1.1em}/*bumps up the font size*/
.lotusui .lotusBold{font-weight:bold}
.lotusui .lotusBorderTop{border-top:1px solid #e5e5e5}
.lotusui .lotusBorderBottom{border-bottom:1px solid #e5e5e5}
.lotusBreakWord {word-wrap: break-word;}/*use this and the following 2 styles to allow long content to wrap*/
.lotusui_ie6 .lotusBreakWord {word-break: break-all;}
.lotusui_ie7 .lotusBreakWord {word-break: break-all;}
.lotusui .lotusCenter{text-align:center;}
.lotusui .lotusClear{clear:both}
.lotusui .lotusClearLeft{clear:left}
.lotusui .lotusClearRight{clear:right}
.lotusui .lotusDraggable{cursor:move}
.lotusui .lotusEllipsis{white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.lotusui .lotusFixedTable{table-layout:fixed;}/* Fix for forms issues with typeahead. For IE6 and IE7 */
.lotusui .lotusHidden{display:none} /*hides from visual UI but not from screen readers*/
.lotusui .lotusHideOverflow{overflow:hidden}/*use in conjunction with a width on your element*/
.lotusui .lotusIndent10{padding-left:10px;}
.lotusui .lotusIndent15{padding-left:15px;}
.lotusui .lotusIndent20{padding-left:20px}
.lotusui .lotusIndent40{padding-left:40px;}
.lotusui .lotusIndent60{padding-left:60px;}
.lotusui .lotusChunk{margin-top:5px;clear:both;zoom:1}
.lotusui .lotusChunk10{margin-top:10px;clear:both;zoom:1}
.lotusui .lotusChunk15{margin-top:15px;clear:both;zoom:1}
.lotusui .lotusChunk20{margin-top:20px;clear:both;zoom:1}
.lotusui .lotusHighlighted{color:#f00}/*red*/
.lotusui .lotusInactive{color:#999}
.lotusui .lotusItalic{font-style:italic}
.lotusui .lotusLeft{float:left;text-align:left;}
.lotusui .lotusLoading{background-image:url(../images/loading.gif);background-repeat:no-repeat;width:16px;height:16px}/*loading animated gif*/
 /* override this style to specify your logo image */
 .lotusui .lotusLogo, .lotusLoginLogo{background-repeat:no-repeat}
.lotusImagesOff .lotusLogo, .lotusImagesOff .lotusLoginLogo{width:auto !important;white-space:nowrap}
.lotusui .lotusLTR{direction:ltr}/*allows you to assign an element to always read LTR*/
/*.lotusui .lotusMeta{font-size:.9em}*/
.lotusui .lotusMeta{color:#666}
.lotusui .lotusNowrap{white-space:nowrap}
.lotusui .lotusNudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/
.lotusui .lotusOffScreen{position:absolute;top:-9999px}/*for positioning elements offscreen, like text to be read by screenreaders*/
.lotusui .lotusRequired{color:#efa229}
.lotusui .lotusRight{float:right;text-align:right;}
.lotusui .lotusRTL{direction:rtl}/*allows you to assign an element to always read RTL*/
.lotusui .lotusShadow{box-shadow:0px 2px 5px #eee;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee}/*adds a drop shadow to an element*/
.lotusui .lotusTiny{font-size:.9em}
/*the next two lines are for providing alternate text for background images when images are turned off - requires javascript to test for this and assign the lotusImagesOff class to the html tag*/
.lotusui .lotusAltText{display:none}
.lotusImagesOff .lotusAltText{display:inline}

.lotusui .lotusIBMLogo {width:82px;height:30px;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -1782px;background-repeat:no-repeat;}
.lotusImagesOff .lotusIBMLogo {display:none}
.lotusui .lotusIBMLogoFooter {width:63px;height:23px;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -1852px;background-repeat:no-repeat;}
.lotusImagesOff .lotusIBMLogoFooter {display:none}
/***********************************************************/

/*** I N L I N E   L I S T S ***/ 
/*to make a list display horizontally*/
.lotusui .lotusInlinelist{margin:0;padding:0;list-style-type:none}
.lotusui .lotusInlinelist li{display:inline;margin:0;padding:0 7px;border-left:1px solid #ccc;}
.lotusui .lotusInlinelist li.lotusFirst, .lotusui .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;}
.lotusui .lotusNoDivider li{border-left-width:0}
/*the next two lines are needed to fix text zoom for inline lists in IE7 (also fixes RTL display issues)*/
.lotusui_ie7 .lotusInlinelist li{display:inline-block}
.lotusui_ie7 .lotusInlinelist li, .lotusui_ie6 .lotusInlinelist li{display:inline}
/***********************************************************/

/*** A R R O W S ***/
.lotusui .lotusArrow{background-image:url(../images/lotusSprite-8bit.png)}
.lotusui .lotusArrow{margin-right:2px;width:13px;height:18px;float:left;display:block;background-repeat:no-repeat}
.lotusui .lotusArrow:visited, .lotusui .lotusArrow:hover, .lotusui .lotusArrow:focus, .lotusui .lotusArrow:active{text-decoration:none}
/*twisty arrow definitions are found in section and menu components*/
/*drop-down arrows (assign as an additional class along with lotusSprite and lotusArrow)*/
.lotusui .lotusDropDownSprite, .lotusui .lotusDropDownActionSprite{margin-right:0;padding:1px;width:5px;height:3px;display:-moz-inline-box;display:inline-block;float:none;text-decoration:none}
.lotusui .lotusDropDownSprite{background-position:0 -728px}
.lotusui .lotusDropDownActionSprite{background-position:0 -814px}
/*scroll arrows (assign as an additional class along with lotusSprite and lotusArrow)*/
.lotusui .lotusScrollUp, .lotusui .lotusScrollDown{float:none;line-height:1em;width:9px;height:5px;margin:0;text-decoration:none !important}
.lotusui .lotusScrollUp{background-position:0 -683px}
.lotusui .lotusScrollDown{background-position:0 -638px}





/****************************************/
/*** C O M P O N E N T   S T Y L E S ****/
/****************************************/



/*** A C T I O N   B A R ***/
/*this is the area above entry tables, containing action button, view controls, drop-down find-in-table, etc.*/
.lotusActionBar{margin-bottom:4px !important;/*this number works with the margin-top of the paging control to simulate 8px*/position:relative;float:left;width:100%;height:2.3em/*this height accommodates the searchTab, if it is the only element in the action bar*/}
.lotusActionBar2{margin-top:-25px;margin-bottom:4px !important;position:relative;float:left;width:100%;height:2.3em} /*use this in place of lotusActionBar when you want to compress the vertical space between the actionbar and the element(s) above it*/
/***********************************************************/




/*****************************/
/*** A C T I O N   M E N U ***/
/*****************************/

ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;top:-9999px;z-index:900px;border:1px solid #aaa;background-color:#fff;box-shadow:5px 5px 5px #eee;-webkit-box-shadow:5px 5px 5px #eee;-moz-box-shadow:5px 5px 5px #eee}
.lotusui_ie6 .lotusActionMenu{width:15em}
ul.lotusActionMenu.lotusPlain{background-image:none}
.lotusActionMenu li{white-space:nowrap;zoom:1;background-color:transparent}
.lotusui_ie6 .lotusActionMenu li{white-space:normal}/*since we have a fixed width, we have to allow for wrapping*/
.lotusActionMenu li.lotusSelected a{background-image:url(../images/lotusSprite-8bit.png);background-position:4px -1026px;background-repeat:no-repeat}
.lotusActionMenu li.lotusMenuSeparator{border-top :1px solid #C0C1C1}
.lotusActionMenu a{padding:3px 40px 5px 25px;text-decoration:none;display:block;zoom:1;color:#000}
.lotusActionMenu .lotusIcon a{padding-left:2px;}
.lotusActionMenu .lotusIcon img{width:16px;height:16px;margin-right:6px}
.lotusImagesOff .lotusActionMenu .lotusIcon img{display:inline-block}/*overrides general style that turns these images off - need this to preserve alignment*/
.lotusActionMenu a:visited, .lotusActionMenu a:hover, .lotusActionMenu a:focus, .lotusActionMenu a:active{text-decoration:none}
.lotusActionMenu a:hover, .lotusActionMenu a:focus, .lotusActionMenu a:active{color:#fff;background-color:#595b5d}
.lotusActionMenu.lotusPlain a{padding-left:10px}
.lotusImagesOff .lotusActionMenu li.lotusSelected a{padding-left:15px}
.lotusImagesOff .lotusActionMenu a:hover, .lotusImagesOff .lotusActionMenu a:focus{text-decoration:underline}




/***********************************************************/



/*** B R E A D C R U M B S ***/
/*these sit above the page header (lotusHeader)*/
/*use lotus divider for an image in between breadcrumbs that when clicked shows a drop-down menu, otherwise, just use &gt; between breadcrumbs*/

.lotusBreadcrumbs{margin:0 0 5px 0}
.lotusBreadcrumbs .lotusDivider{padding:0 5px;background:url(../images/lotusSprite-8bit.png) 0 -232px no-repeat;text-decoration:none}
.lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{background:url(../images/lotusSprite-8bit.png) 0 -116px;text-decoration:none}

/***********************************************************/



/*** B U T T O N S ***/

/*common button styles*/
/*all buttons*/
.lotusBtn a, .lotusBtn a:visited, input.lotusBtn, button.lotusBtn, input.lotusFormButton, button.lotusFormButton, .lotusBtnImg{background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));background-position:top left;color:#000;}
.lotusBtn, .lotusFormButton, .lotusBtnImg{font-weight:bold;text-align:center !important;border:1px solid #aaa;}
.lotusBtn a, input.lotusBtn, button.lotusBtn, .lotusFormButton{font-size:.9em;line-height:1.7em;}
/*all buttons created using an input or button tag*/
input.lotusBtn, button.lotusBtn, input.lotusFormButton, button.lotusFormButton{padding:2px 7px 3px 7px;cursor:pointer}
.lotusui_ie button.lotusBtn, .lotusui_ie input.lotusBtn, .lotusui_ie .lotusFormButton{padding:0 1px 1px 1px}
/*all buttons created from a link*/
.lotusBtn a, .lotusBtn a:visited{display:block;text-decoration:none;border-width:0 1px 1px 1px;border-style:solid;border-color:#dedede;}/*span buttons have an inside border*/
span.lotusBtn a:hover, span.lotusBtn a:focus, span.lotusBtn a:active{text-decoration:none;}/*gets rid of underline on button hover*/
/*image buttons - an imput type=image wrapped with a span or an img wrapped with a link*/
.lotusBtnImg{display:-moz-inline-box;display:inline-block;padding:0;vertical-align:middle;line-height:1em}/*default padding, which makes a 16 pixel icon if the image uses the default image size*/
.lotusBtnImg img, .lotusBtnImg input{margin:0;padding:0;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle/*fixes IE6*/}/*default margin, padding and size*/
.lotusImagesOff .lotusBtnImg img, .lotusImagesOff .lotusBtnImg input{display:none}
/*specific button styles*/
/*default buttons*/
/*put the lotusBtn class on either a span around a link or on an input button*/
span.lotusBtn{margin-right:5px;display:-moz-inline-box/*for FF2*/;display:inline-block;}
span.lotusBtn a{padding:1px 10px 1px 10px;white-space:nowrap;}
input.lotusBtn, button.lotusBtn{margin-right:5px;}
.lotusui_ie6 span.lotusBtn img{margin: .6em 0 .6em 0} /*need this for button with drop-down arrow to look okay in IE6*/
/*form buttons*/
input.lotusFormButton, button.lotusFormButton{margin-right:5px;font-size:.9em}
.lotusDashboardSearch input.lotusFormButton {margin-top:20px;font-size:.9em}
/*disabled buttons*/
.lotusBtnDisabled, .lotusBtnDisabled a{cursor:default !important}
/*for high contrast mode*/
.lotusImagesOff .lotusBtnDisabled{opacity:.5;} 
.lotusui_ie .lotusImagesOff .lotusBtnDisabled{filter:alpha(opacity=50);} 
/*miscellaneous*/
.lotusBtnContainer{margin-bottom:0;padding-bottom:0;white-space:nowrap;}/*put this around a bunch of "link" buttons*/
.lotusBtnDivider{border-bottom:1px solid #e0e0e0;padding-bottom:5px}/*add this as an additional class when you need a bottom divider for the buttons*/
/*generic/common buttons*/
/*put the style on the wrapper a or span along with the lotusBtnImg class*/
.lotusAdd{font-size:1.5em;}
.lotusAdd img{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2095px}
.lotusClose img{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2263px}
/*hover states*/
.lotusBtn:hover, .lotusBtn:focus, .lotusBtn:active{border-color:#666;}
.lotusBtnDisabled{border-color:#ccc !important;}/*we don't want disabled button border color to change on hover*/
.lotusBtnDisabled a, .lotusBtnDisabled a:visited, input.lotusBtnDisabled, button.lotusBtnDisabled{color:#b0b0b0 !important;background-color:#eee;}





/***********************************************************/



/*** C A P T I O N ***/
/*provides a gray background for a caption above another component*/

.lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;background-color:#fafafa;border:1px solid #eee}
.lotusCaption .lotusMeta{font-size:.9em}
.lotusCaption select{color:#666}



/***********************************************************/



/*** C O M M E N T ***/

.lotusPost{padding:7px 7px 7px 0;overflow:hidden;zoom:1}
.lotusPost .lotusMeta{margin-bottom:-5px;margin-right:15px;font-size:0.9em;}
.lotusPostContent{padding:0 0 7px 0;min-height:26px;position:relative;overflow:hidden;zoom:1;}
.lotusPostAuthorInfo{display:block;float:left;font-size:0.9em;position:relative;width:50px;}/*the background styles are to allow a comment point on variants of the base comment, but the default comment type has no point*/
.lotusPostAuthorInfo .lotusPostAvatar{background-repeat:no-repeat;}
.lotusImagesOff .lotusPostAvatar{display:none}
.lotusPost .lotusPostAuthorInfo .lotusMeta{margin:0;font-size:1em}
.lotusui_ie6 .lotusPostContent{left:-3px}/*to counteract the IE6 3px margin bug*/
.lotusPostName{padding-top:5px;font-weight:bold;line-height:1.1em;}
.lotusPostAvatar{padding-top:5px}
.lotusPost .lotusDelete{display:block;position:absolute;top:7px;right:15px}
.lotusAddComment{padding:4px;zoom:1;margin-bottom:10px;margin-right:4px;background-color:#eee}
.lotusAddComment a.lotusCommentInput{padding:2px 2px 10px 4px;border:1px solid #aaa;background-color:#fff;display:block;}
.lotusui .lotusAddComment a.lotusCommentInput:hover{border-bottom:1px solid #aaa!important;}
/*important is to keep this from clashing with lotusActions classes, if applied*/
/*update status "comment"*/
.lotusUpdateStatus{padding:3px 7px;background-color:#eee;}
.lotusImagesOff .lotusUpdateStatus{border-width:1px;border-style:solid}
.lotusUpdateStatus .lotusPostDetails{margin:0 0 3px 10px;} 
.lotusUpdateStatus .lotusPostStatusControl{margin-left:10px;background-color:#fff;}
.lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{padding:4px;display:block;} 
.lotusImagesOff .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{border-width:1px;border-style:solid}
/*comment containers*/
ul.lotusCommentList{margin:0;padding:0;list-style-type:none}/*assigned to the ul tag containing a list of comments*/
ul.lotusCommentList li{border-top-color:#eee}
ul.lotusCommentList li.lotusCommentItem{border-top-width:1px;border-top-style:solid}
ul.lotusCommentList li.lotusFirst{border-top-width:0}
.lotusCommentList li.lotusAddComment{margin:0;/*border-top-width:0;*/font-size:.9em;}
.lotusCommentList li.lotusAddComment a{padding-bottom:2px}
/*style adjustments for comments on the board/wall*/
.lotusBoard .lotusPost{border-top:1px solid #eee}
.lotusBoard .lotusPostContent{padding:0 15px 7px 0;}
.lotusBoard .lotusCommentList{margin:-6px 0 5px 0;padding:0;width:500px;}
.lotusBoard ul.lotusCommentList li.lotusCommentItem{margin:1px 7px 0 50px;border-top-width:0;}
.lotusBoard ul.lotusCommentList li.lotusFirst{padding-top:10px;background:url(../images/lotusSprite-8bit.png) 15px -1137px no-repeat;}
.lotusBoard .lotusCommentList .lotusPost{margin-bottom:1px;}
.lotusBoard .lotusCommentList .lotusPost, .lotusBoard .lotusCommentList .lotusAddComment{background-color:#eee;}
.lotusBoard .lotusCommentList .lotusPostAuthorInfo{padding-left:6px; padding-right:4px; width:45px; }
.lotusBoard .lotusPost .lotusPostAvatar{padding:2px 0 0 2px;}
.lotusBoard .lotusPost .lotusCommentList .lotusPostAvatar{padding:2px 6px 0 2px;}
.lotusBoard .lotusStatus .lotusDelete{top:0}
.lotusBoard .lotusCommentList .lotusDelete{top:0;right:10px}
.lotusBoard .lotusPost .lotusPerson { font-weight:bold; padding-right:2px; }
.lotusBoard .lotusCommentPaging{font-style:italic;background-color:#eee;}
.lotusBoard .lotusPostDetails { padding-top:2px; }

/*styles for comments in a discussion forum*/
.lotusForum .lotusPost{margin:7px 0;background-color:#ccc}
.lotusImagesOff .lotusForum .lotusPost{border-width:1px;border-style:solid}
.lotusForum .lotusPostAuthorInfo{width:100px;text-align:center}
.lotusForum .lotusPostAuthorInfo .lotusPostAvatar{padding-top:0;background:url(../images/lotusSprite-8bit.png) 100% -1373px no-repeat}
.lotusForum .lotusPostContent{padding:7px 15px;background-color:#fff}
.lotusForum ul.lotusCommentList .lotusPost{background-color:#eee}
.lotusForum ul.lotusCommentList li.lotusCommentItem{border-width:0}
.lotusForum ul.lotusCommentList .lotusChild{margin-left:0;padding-left:20px;list-style-type:none;background: url(../images/commentIndent.png) left top no-repeat;}
.lotusForum .lotusPostDetails{padding:5px 0}
.lotusForum .lotusPostDetails blockquote{margin:4px 0;padding:4px 8px;width:75%;color:#545454;background-color:#eee;border-width:1px 1px 1px 3px;border-style:solid;border-color:#ccc;}
/*simple comment bubble*/
.lotusCommentBubble{padding-top:10px;background:url(../images/lotusSprite-8bit.png) 15px -1137px no-repeat;zoom:1}
.lotusCommentBubbleBody{padding:5px 10px 5px 15px;background-color:#eee;}
.lotusImagesOff .lotusCommentBubbleBody{border-width:1px;border-style:solid}
.lotusCommentBubble .lotusMeta{font-size:.9em}





/***********************************************************/



/*** D I A L O G ***/
/*this can be wrapped in a dojo dialog, if desired, which gives you the lightbox behavior for free, else, wrap it in a div assigned the class lotusDialogWrapper*/

.lotusDialogWrapper{position:absolute;left:0;top:-9999px;}
.lotusDialogBorder{min-width:400px;max-width:600px;border:1px solid #999;box-shadow:0 3px 7px #999;-moz-box-shadow:0 3px 7px #999;-webkit-box-shadow:0 3px 7px #999;}
.lotusui_ie6 .lotusDialogBorder{width:expression(this.offsetWidth > 600 ? "600px" : "auto" );}
.lotusDialog{opacity:1;height:auto;background-color:#fff;}
.lotusDialog h1{font-weight:bold;padding:12px 12px 12px 20px;background-color:#fff;background-image:none;background-image:-moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));background-position:left top;border-bottom:1px solid #eee;}
.lotusDialog h2{font-weight:bold;padding:12px 12px 12px 20px;margin:0 !important/*so it doesn't pick up the margins from lotusForm*/}
.lotusDialog h1 .lotusClose, .lotusDialog h2 .lotusClose{float:right;font-size:.7em}
.lotusImagesOff .lotusClose{font-size:1em}
.lotusDialog .lotusText{width:97%}
.lotusDialog .lotusFormTable, .lotusDialog .lotusFormTable td, .lotusDialog .lotusDialogContent{background-color:#fff;}
.lotusDialog .lotusDialogContent{padding:20px 12px 20px 20px;border-bottom:1px solid #aaa;max-height:300px;overflow:auto;}
.lotusui_ie .lotusDialog .lotusDialogContent{position:relative;}/*position:relative is needed to make sure relatively positioned elements within a scrolled div scroll properly - otherwise they act like fixed-position elements. */
.lotusui_ie6 .lotusDialog .lotusDialogContent, .lotusui_ie7 .lotusDialog .lotusDialogContent{padding-right:20px;overflow-x:hidden}/*to keep horizontal scrollbar from appearing*/
.lotusui_ie6 .lotusDialog .lotusDialogContent {height:expression(this.scrollHeight > 399 ? "400px" : "auto");width:expression(this.offsetWidth > 560 ? "560px" : "auto" );}/*width is to keep scrollbar looking proper with dialog header and footer*/
.lotusDialog .lotusDialogFooter{padding:12px 12px 12px 20px;background-color:#eee;}
.lotusDialog td.lotusFormLabel{vertical-align:top;}
.lotusDialog ul li{margin-bottom:3px;list-style:none;}
.lotusui_ie .lotusDialogFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link*/

/*for lightbox*/
.lotusOverlay{display:none;position:absolute;top:0;left:0;width:100%;background-color:black;opacity:.30;filter: alpha(opacity=30);}





/***********************************************************/



/***************************************/
/*** D I S P L A Y   C O N T R O L S ***/
/***************************************/

.lotusViewControl{display:table;}
.lotusViewControl span{margin:5px 10px 0 0;float:left}/*styles for the text preceeding the control*/
.lotusViewControl div{padding:1px;border:1px solid #c0c7cd;display:table;background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));background-position:top left;zoom:1}
.lotusImagesOff .lotusViewControl div{border-width:0}
.lotusViewControl td{vertical-align:middle;padding:0}
.lotusViewControl td div{display:-moz-inline-box;display:inline-block;overflow:hidden}
.lotusImagesOff .lotusViewControl td div{overflow:visible}
.lotusViewControl a.lotusView{margin:0;padding:0;width:18px;height:18px;display:block;float:left;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat}
.lotusui_ie6 .lotusViewControl a.lotusView{border-width:0}

.lotusDetailsOff {background-position:1px -6149px;border:1px solid transparent}
.lotusDetailsOff:hover, .lotusDetailsOff:focus{background-color:#fafafa;border:1px solid #ccc}
.lotusDetailsOn {background-position:1px -6149px;background-color:#333;border:1px solid #777}
.lotusSummaryOff {background-position:1px -6261px;border:1px solid transparent}
.lotusSummaryOff:hover, .lotusSummaryOff:focus {background-color:#fafafa;border:1px solid #ccc}
.lotusSummaryOn {background-position:1px -6261px;background-color:#333;border:1px solid #777}
.lotusTreeOff {background-position:1px -6373px;border:1px solid transparent}
.lotusTreeOff:hover, .lotusTreeOff:focus {background-color:#fafafa;border:1px solid #ccc}
.lotusTreeOn {background-position:1px -6373px;background-color:#333;border:1px solid #777}
.lotusTileOff {background-position:1px -6317px;border:1px solid transparent}
.lotusTileOff:hover, .lotusTileOff:focus {background-color:#fafafa;border:1px solid #ccc}
.lotusTileOn {background-position:1px -6317px;background-color:#333;border:1px solid #777}
.lotusFolderOff {background-position:1px -6205px;border:1px solid transparent}
.lotusFolderOff:hover, .lotusFolderOff:focus {background-color:#fafafa;border:1px solid #ccc}
.lotusFolderOn {background-position:1px -6205px;background-color:#333;border:1px solid #777}
/*accessibility*/
.lotusImagesOff .lotusViewControl .lotusView{width:auto;height:auto}
.lotusImagesOff .lotusViewControl .lotusView span{margin:0 5px}
.lotusImagesOff .lotusViewControl .lotusSelected:hover, .lotusImagesOff .lotusViewControl .lotusSelected:focus{cursor:default;text-decoration:none}
.lotusImagesOff .lotusViewControl .lotusSelected .lotusAltText{font-weight:bold;}





/***********************************************************/



/*** F E E D S **/
/*the feed links under the content*/

.lotusFeeds{margin:5px 10px;}
.lotusFeeds a.lotusFeed{padding-left:20px;margin-right:7px;background:url(../images/lotusSprite-8bit.png) 0 -2371px no-repeat;display:-moz-inline-box;display:inline-block;zoom:1;min-height:16px/*ff2 fix*/}
.lotusImagesOff .lotusFeeds a.lotusFeed{padding-left:0}

/***********************************************************/



/*** F I L T E R S **/
/*the filter links that are removable*/

.lotusFilters2{font-size:.9em;line-height:1.8em}
.lotusFilters2 a.lotusFilter{line-height:1.4em;margin:1px 3px 5px 0;padding:1px 0 1px 5px;display:inline-block;white-space:nowrap;border:1px solid #eee;background-color:#fafafa;}
.lotusFilters2 a.lotusFilter, .lotusFilters2 a.lotusFilter:hover, .lotusFilters2 a.lotusFilter:focus{text-decoration:none}
.lotusFilters2 img.lotusDelete{margin:0 5px;vertical-align:baseline}
.lotusui_ie .lotusFilters2{vertical-align:middle;}
.lotusui_ie7 .lotusFilters2 a.lotusFilter{margin-top:2px;margin-bottom:4px;vertical-align:middle;}
.lotusui_ie6 .lotusFilters2 a.lotusFilter{margin-top:3px;margin-bottom:3px;padding-top:2px;padding-bottom:2px;vertical-align:middle;}
/*.lotusui_ie6 .lotusFilters img.lotusDelete, .lotusui_ie7 .lotusFilters img.lotusDelete{margin-top:2px} if we remove .9em font-size*/
/*some additional items for filters under a header*/
.lotusImagesOff .lotusFilters2 img.lotusDelete{display:none}
.lotusImagesOff .lotusFilters2 a.lotusFilter .lotusAltText{margin:0 5px;}
.lotusFilters2 .lotusDivider{padding:0 5px}
.lotusFilters2 .lotusIcon{vertical-align:top}
.lotusui_ie .lotusFilters2 .lotusIcon{vertical-align:middle}
.lotusFilters2 .lotusIcon:hover, .lotusFilters2 .lotusIcon:focus{text-decoration:none}
.lotusFilters2 a.lotusAction{font-size:1em !important}/*nested font issue, important needed for IE6*/





/***********************************************************/



/*** F O R M S ***/
/*these styles are for inline and popup forms*/
/*new, div-based form, labels on top*/

.lotusForm2{margin:0;padding:0;zoom:1;background-color:#fafafa}
.lotusFormPlain .lotusForm2{background-color:#fff;}/*for a form that is always on the page and not inline*/
.lotusForm2 .lotusFormErrorSummary{padding:5px 20px}
.lotusForm2 fieldset{border:1px solid #ccc;}
.lotusForm2 .lotusFormTitle{padding:15px 20px}
.lotusForm2 .lotusFormBody{padding:0 20px}
.lotusFormTitle h2{font-size:1.3em;}
.lotusForm2 label{font-weight:bold;width:99%;display:block;margin-bottom:3px}
.lotusForm2 legend{font-weight:bold;color:#222}
.lotusForm2 fieldset{margin:0;padding:0;border-width:0}/*this allows us to use fieldsets for non-sighted users, only*/
.lotusForm2 .lotusFieldset{padding:5px;border:1px solid #aaa}/*assign this to a fieldset you want to display*/
.lotusForm2 label.lotusCheckbox{font-weight:normal;display:inline;}/*use for radio buttons, too*/
.lotusForm2 .lotusFormField{margin-bottom:10px}
.lotusFormError, .lotusFormRequired {color:#f00;}/*this applies to older form styles, too*/
.lotusForm2 .lotusFormError{margin-bottom:5px;font-weight:bold;}
.lotusForm2 .lotusFormErrorField, .lotusForm2 .lotusFormErrorSummary{background-color:#fffabc;}
.lotusForm2 .lotusText, .lotusForm2 textarea, .lotusForm2 select{border:1px solid #aaa;padding-left:1px;padding-right:1px}
.lotusForm2 select{padding-right:0}/*select styling doesn't work in IE versions prior to IE8*/
.lotusForm2 .lotusText {width:99%;}
.lotusForm2 textarea {margin-bottom:7px;}
.lotusForm2 .lotusFieldBorder{margin-bottom:7px;padding:4px;background-color:#eee}
.lotusForm2 .lotusFieldBorder .lotusText{margin:0;padding:2px;width:98.5%;}
.lotusForm2 .lotusFormFooter{padding:10px 20px;background-color:#eee;}
.lotusui_ie .lotusForm2 .lotusFormFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link*/





/*table-based form - use the div one moving forward*/
.lotusForm{margin:0;padding:0;zoom:1;background-color:#fafafa}
.lotusFormPlain .lotusTable, .lotusFormPlain .lotusFormTable td{background-color:#fff;}/*for a form that is always on the page and not inline*/
.lotusForm h2 {margin:25px 15px 15px 25px;font-size:1.3em;}
.lotusForm h2 .lotusMeta{font-size:.8em;font-weight:normal;display:block}
.lotusForm tr.lotusFormFieldRow td, .lotusForm td.lotusFormFieldRow{padding-bottom:10px}
.lotusTable .lotusForm td, .lotusFormTable td {border-width:0 !important;padding-right:3px;vertical-align:top}
.lotusForm td.lotusFormLabel {vertical-align:top;text-align:right;padding-right:10px;padding-top:1px}
.lotusui_ie .lotusForm td.lotusFormLabel{padding-top:2px}
.lotusForm td label{font-weight:bold;}
.lotusForm legend{font-weight:bold;color:#222}
.lotusForm fieldset{margin:0;padding:0;border-width:0}/*this allows us to use fieldsets for non-sighted users, only*/
.lotusForm .lotusFieldset{padding:5px;border:1px solid #aaa}/*assign this to a fieldset you want to display*/
.lotusForm td.lotusNudge{width:22px}/*this goes on the first empty table cell if putting labels on top*/
.lotusForm label.lotusCheckbox{font-weight:normal}/*use for radio buttons, too*/
.lotusForm .lotusText {width:99%;}
.lotusForm .lotusText, .lotusForm textarea, .lotusForm select{border:1px solid #aaa;padding-left:1px;padding-right:1px}
.lotusForm select{padding-right:0}/*select styling doesn't work in IE versions prior to IE8*/
.lotusForm textarea {margin-bottom:7px;}
.lotusForm .lotusFieldBorder{margin-bottom:7px;padding:4px;background-color:#eee}
.lotusForm .lotusFieldBorder .lotusText{margin:0;padding:2px;width:98.5%;}
.lotusForm .lotusFormErrorSummary div {margin:10px 15px 3px 25px;}
.lotusForm .lotusFormErrorSummary ul {margin:0 15px 10px 40px;list-style-type:disc;/*list-style-position:inside;*/}
.lotusForm .lotusFormError, .lotusForm .lotusFormRequired {font-weight:bold;}
.lotusForm .lotusFormErrorField, .lotusForm .lotusFormErrorSummary td {background-color:#fffabc;}
td.lotusFormRequired {padding-bottom: 0 !important;}
.lotusFormTable {width:100%;}
.lotusForm .lotusFormSection {padding:5px 0 0 0;}
.lotusFormTable .lotusFormFooter{padding:10px 25px !important;background-color:#eee;}
/* form button element styles can be found in the button component */
.lotusui_ie .lotusFormFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link - cancel link is now replaced with a button*/





/***********************************************************/




/*** G R I D ***/
/*for a group of same-sized elements with a div as the outer wrapper*/
/*for example, a group of people photos*/

.lotusGrid{zoom:1;margin:5px 0 0 0;overflow:hidden;zoom:1}
.lotusui_ie .lotusGrid{margin-bottom:5px;}
.lotusGrid div{margin:0 5px 5px 0;float:left}

/***********************************************************/



/*** H E A D E R ***/
/*found at the top of the page, center column*/

.lotusHeader{margin-bottom:5px;margin-top:-5px;overflow:hidden;position:relative;zoom:1}
div.lotusHeader{margin-bottom:15px}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/
.lotusHeader img{margin-right:10px;}
.lotusHeader .lotusDetails{margin-top:5px;position:relative;white-space:break-word;clear:both}
.lotusHeader .lotusDetails p{color:#666}
.lotusHeader .lotusBtnContainer{margin-top:10px;}

/***********************************************************/



/*** I N F O   B O X ***/ 
/*this is used for help and tips*/

.lotusInfoBox, .portlet-msg{margin:15px 0 5px 0;padding:5px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;zoom:1;background-color:#fffabc;border:1px solid #ccc;}
.lotusInfoBox.lotusFirst{margin-top:0}/*this style definition (with no spaces) applies to any div with class="lotusInfoBox lotusFirst"*/
.lotusInfoBox h3, .portlet-msg h3{margin:5px 0 10px 0;padding:0 0 0 5px;overflow:hidden;zoom:1;}
.lotusInfoBox h3 img, .portlet-msg h3 img{margin:3px 5px 0 0;width:8px;height:8px;background-image:url(../images/lotusSprite-8bit.png);background-position:-2px -2321px;opacity:0.25;filter:alpha(opacity=25)}
.lotusInfoBox h3 a:hover img, .portlet-msg h3 a:hover img, .lotusInfoBox h3 a:focus img, .portlet-msg h3 a:focus img{opacity:0.40;filter:alpha(opacity=40);}
.lotusSection .lotusInfoBox h3 span.lotusLeft{width:auto}/*h3 tags in a section are set to 90% width - need to reset*/
.lotusInfoBox h4, .portlet-msg h4{margin:2px 5px;font-weight:bold}
.lotusInfoBox p, .portlet-msg p{margin:0;padding:5px;}
.lotusInfoBox ul, .portlet-msg ul{margin-top:5px;}
.lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-bottom:5px;padding-left:0;}
.lotusInfoBox .lotusInlinelist li, .portlet-msg .lotusInlinelist li{padding-bottom:5px;border-left-width:0;}
/*put lotusHelp as an additional style to lotusInfoBox for help popups*/
.lotusHelp{position:absolute;width:200px;left:0;top:-9999px;box-shadow:0 2px 5px #eee;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee}
.lotusHelp .lotusInfoBox{margin:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:#ffffe1;}
.lotusHelp h3{margin:4px 3px 0 0;float:left;}
.lotusMedium{width:300px}/*you can put this as an additional class to set the width to 300 pixels*/





/***********************************************************/



/*** L E G A L   S T A T E M E N T ***/
/*IBM logo and legal statement*/
/*3 different versions - regular pages, login page, and about page*/

.lotusLegal .lotusLicense{color:#666;}
.lotusLegal .lotusBuild{color:#000}
table.lotusLegal td{font-size:0.8em;line-height:1.2em}
table.lotusLegal{margin:5px 25px 10px 25px;}
table.lotusLegal td{vertical-align:middle;padding:5px;}
.lotusLogin .lotusLegal{margin-left:10px}
.lotusLogin table.lotusLegal, .lotusAbout table.lotusLegal{margin-top:15px}



/***********************************************************/



/*** L I S T S ***/ 
/*use in conjuction with sections if you want a more complex list*/

ul.lotusList{clear:both;overflow:hidden;margin:0;padding:0;list-style-type:none}
.lotusui ul.lotusMeta{font-size:1em}/*lists that have meta text use normal text size but meta color*/
ul.lotusList ul{list-style-type:none} /*makes sure all nested lists don't have bullets, even though we don't typically nest these straight lists*/
ul.lotusList li {margin:1px 0;padding:3px 2px;clear:both;zoom:1}
ul.lotusEditable li{text-align:right;overflow:hidden} /*use this class in combination with list class - allows you to put a delete button on a list item*/
ul.lotusList li.lotusSelected{background-color:#eee}
ul.lotusList li.lotusSelected a{text-decoration:none;color:#000;}
ul.lotusList img.lotusLeft{margin-right:3px}
ul.lotusList div p{margin-top:3px;margin-bottom:0}/*second line of data*/
.lotusImagesOff .lotusEditable .lotusDelete img{display:none}
/*styles for a definitions list*/
dl.lotusList dt{padding:3px 10px;margin:10px 0 0 0;font-size:1.1em}
dl.lotusList dd{margin:0;padding:5px 10px}





/***********************************************************/



/*** M E N U ***/
/*this is the green menu found at the top of the left column*/
/*this menu is set up to allow for rounded corners in all browsers and is a set width*/

.lotusMenu, .portlet-menu{margin:0 0 15px 0;padding:5px 0;width:178px;background-color:#eee;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px}
.lotusMenu .lotusInner, .portlet-menu .lotusInner{overflow:hidden}
.lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 3px 0;padding-bottom:5px;border-bottom:1px solid #ccc;zoom:1}/*creates a section in the menu, with a divider at the bottom*/
.lotusMenu .lotusMenuSubsection{margin:10px 0 0 20px;}/*allows you to indent a section of the menu*/
.lotusMenu h2, .portlet-menu h2{margin:0 0 7px 10px;padding:0;font-size:1em}
.lotusMenu h3, .portlet-menu h3{margin:0 5px;padding:5px 0 5px 10px;line-height:1.0em;color:#4f9815}
.lotusMenu .lotusMenuSubsection h3{margin-left:-15px}
.lotusMenu h3.lotusSelected, .portlet-menu h3.lotusSelected{color:#fff;background-color:#595b5d;border:1px solid #595b5d;}
.lotusMenu h3 a.lotusArrow{margin-right:0;margin-top:-2px}
/*Use a ul element for menu items. Put an additional lotusIcons class on it if your menu items have icons*/
.lotusMenu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none;}
.lotusMenu li{zoom:1}/*sets hasLayout in IE*/
.lotusMenu li img, .portlet-menu .lotusMenu li img{margin:0 3px 0 0}
.lotusMenu li a, .lotusMenu li a:visited, .portlet-menu li a, .portlet-menu li a:visited{padding:5px 0 5px 10px;display:block;text-decoration:none;font-weight:normal;line-height:1.0em;color:#000}
/*lotusIcons is assigned to a list of menu items with icons; an image is added inside the link before the text.  This is legacy code*/
.lotusMenu ul.lotusIcons img{vertical-align:text-bottom}
.lotusImagesOff ul.lotusIcons img{display:inline-block}/*overrides general style that turns these images off - need this to preserve alignment*/
.lotusMenu ul.lotusIcons a{padding:3px 0 3px 10px}
.lotusMenu li a:hover, .lotusMenu li a:focus, .portlet-menu li a:hover, .portlet-menu li a:focus{text-decoration:underline}
.lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .lotusMenu li.lotusSelected a:active, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a:active{margin:0 5px;padding-left:6px;color:#fff !important;background-color:#595b5d;border:1px solid #595b5d;text-decoration:none;cursor:default;font-weight:bold;}
.lotusMenu div.lotusChunk, .portlet-menu .lotusMenu div.lotusChunk {margin:5px 5px 0 0;}/*lotusChunk allows you to apply vertical spacing within sections - wrap a div with this class around "chunks" of data*/
.lotusMenu .lotusAction{margin-left:30px;display:inline-block;}
/*menu arrows are created as CSS sprites, using the lotusArrow class found in baseTheme.css*/
.lotusTwistyOpenMenu, .lotusTwistyClosedMenu{width:11px;height:16px}
.lotusTwistyOpenMenu{background-position:0 -464px}/*the section is selected*/
.lotusTwistyClosedMenu{background-position:0 0}
.lotusMenu h3.lotusSelected .lotusTwistyOpenMenu{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -580px}/*the section is selected*/
.lotusMenu h3.lotusSelected .lotusTwistyClosedMenu{background-position:0 -348px}
.lotusMenu .lotusArrow, .lotusMenu .lotusArrow:hover, .lotusMenu .lotusArrow:focus{color:#fff;text-decoration:none}



                                                                                                                      

/***********************************************************/



/*** M E S S A G E S ***/
/*these are the yellow warning/error messages that show up at the top of the content area*/

.lotusMessage{padding:5px;margin-bottom:12px;background-color:#fffabc;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;zoom:1;position:relative}/*error message*/
.lotusMessage img {margin:2px 5px 0 0;float:left}
.lotusMessage span{display:block;margin-left:20px}
.lotusMessage .lotusDelete, .portlet-msg .lotusDelete{position:absolute;right:0;top:5px;}
.lotusMessage .lotusDelete img, .portlet-msg .lotusDelete img{float:none;}





/***********************************************************/



/*** P A G I N G ***/
/*these are the page bars at the top and bottom of a table/list of entries*/

.lotusPaging{margin-top:2px;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-size:.9em;background-color:#fafafa;border:1px solid #eee}
.lotusPaging a, .lotusPaging a:visited{font-weight:bold !important;}
.lotusPaging input{width:20px;text-align:center;font:inherit;line-height:1em;}
.lotusui_ie .lotusPaging input{line-height:1.4em}
.lotusPaging div, .lotusPaging .lotusInlinelist li.lotusFirst{padding-left:5px}
.lotusPaging .lotusInlinelist li{padding:0 6px;border-color:#8d8d8d;}
.lotusPaging .lotusInlinelist li.lotusLast{padding-left:0}





/***********************************************************/



/*** P A L E T T E ***/
/*this is the palette that opens under the place bar to allow users to customize the UI */

.lotusPalette{overflow:hidden;zoom:1;background-color:#7a7f84;border-bottom:6px solid #676b6f;}
.lotusPalette .lotusLoading{background-image:url(../images/loadingDark.gif)}
.lotusPaletteHeader{padding:7px 10px 5px 20px;overflow:hidden;zoom:1;position:relative;line-height:1.9em;background-color:#62656a;color:#fff;border-width:1px 0;border-style:solid;border-top-color:#62656a;border-bottom-color:#777b81}
.lotusPaletteHeader h2{float:left;color:#fff}
/*.lotusPaletteHeader a{text-decoration:none;}*/
.lotusPalette .lotusPaletteHeader a, .lotusPalette .lotusPaletteHeader a:hover, .lotusPalette .lotusPaletteHeader a:focus, .lotusPalette .lotusPaletteHeader a:active, .lotusPalette .lotusPaletteHeader a:visited{color:#fff}
.lotusPaletteHeader ul.lotusTabs{left:10px;width:75%}
.lotusPaletteHeader .lotusTabs li{border-width:0}
.lotusPaletteHeader .lotusTabs li, .lotusPaletteHeader .lotusTabs li.lotusSelected{background-color:transparent}
.lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited{color:#fff;}
.lotusPaletteHeader .lotusTabs a, .lotusPaletteHeader .lotusTabs a:visited{margin:2px 0 8px 0;padding:3px 8px;color:#fff}
.lotusPaletteHeader .lotusTabs li.lotusSelected a{font-weight:bold}
.lotusPaletteHeader .lotusTabs li a:hover, .lotusPaletteHeader .lotusTabs li a:focus{text-decoration:underline}
.lotusPaletteHeader .lotusTabs li.lotusSelected a:hover, .lotusPaletteHeader .lotusTabs li.lotusSelected a:focus{text-decoration:none}
.lotusPalette .lotusClose{margin-left:20px;padding:2px;float:right}/*there is also a lotusBtnImg class on this element*/
.lotusPaletteBody{margin-bottom:1px;background-color:#414648;border-width:2px 0;border-style:solid;border-top-color:#222;border-bottom-color:#222;overflow:hidden;zoom:1}
.lotusPaletteNav{width:200px;float:left;height:20.2em;padding:10px 15px 10px 0;border-right:1px solid #222;}
.lotusImagesOff .lotusPaletteNav{height:22em}/*to allow for expanded UI with image alt text*/
.lotusPalette .lotusChunk{margin:0 0 10px 10px;overflow:hidden}
.lotusPalette .lotusSearch input.lotusText{width:143px}
.lotusPaletteNav h3{margin-left:10px;margin-bottom:3px;color:#fff}
.lotusPaletteNav h3 .lotusBtnImg{vertical-align:bottom;padding:0 2px;}
.lotusPaletteNav h3 .lotusBtnImg img{color:#fff;background:url(../images/lotusSprite-8bit.png) 0 -2151px;}
.lotusPalette .lotusSearch input.lotusText{background-color:#fff;color:#222;border-color:#fff}
.lotusPalette .lotusMenu{margin-left:10px;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;height:15em;overflow:auto;background-color:#232426;}
.lotusui_ie .lotusPalette .lotusMenu{height:12.8em}/*we want 6 items to show. Adjustment for IE*/
.lotusPalette .lotusMenu li a, .lotusPalette .lotusMenu li a:visited, .lotusPalette .lotusMenu li a:active, .lotusPalette .lotusMenu li a:hover, .lotusPalette .lotusMenu li a:focus{margin-right:2px;/*to keep horizontal scrollbar from showing on click*/color:#fff;background-color:transparent;}
.lotusPalette .lotusMenu li.lotusSelected a, .lotusPalette .lotusMenu li.lotusSelected a:visited{border-width:0;}
.lotusPalette .lotusMenu li.lotusMore a{margin-right:5px;background:url(../images/lotusSprite-8bit.png) 94% -3949px no-repeat}
.lotusPaletteHeader .lotusTabs li.lotusSelected a, 
.lotusPaletteHeader .lotusTabs li.lotusSelected a:visited, 
.lotusPalette .lotusMenu li.lotusSelected, 
.lotusPalette .lotusMenu li.lotusSelected a, 
.lotusPalette .lotusMenu li.lotusSelected a:visited,
.lotusPalette .lotusMenu li.lotusSelected a:active{background-color:#595b5d}
.lotusPaletteContent{padding:10px 0 10px 10px;overflow:auto;zoom:1;height:20.2em;}
.lotusui_ie6 .lotusPaletteContent{position:relative;left:-3px}
.lotusPaletteContent.lotusPlain div.lotusIcon, .lotusui_ie6 .lotusPlain div.lotusIcon{width:1em} /*when there are no icons, add this additional class to lotusPaletteContent and write out the lotusIcon div with an &nbsp;*/
 .lotusPaletteWidgets{min-height:18.2em}
 .lotusPaletteWidgets .lotusSelected{border-color:#fff}
.lotusPaletteWidget{margin:0 10px 6px 0;padding:6px 0;width:19em;height:2.6em;float:left;overflow:hidden;line-height:1.4em;border:1px solid #222;display:table;background-color:#4d5054;color:#fff}
.lotusPaletteWidget:hover, .lotusPaletteWidget:focus{cursor:pointer;border-color:#fff}

.lotusImagesOff .lotusPaletteWidgets .lotusSelected, .lotusImagesOff .lotusPaletteWidget:hover, .lotusImagesOff .lotusPaletteWidget:focus{border-style:dotted}
.lotusPaletteContent .lotusPaletteWidget a, .lotusPaletteContent .lotusPaletteWidget a:hover, .lotusPaletteContent .lotusPaletteWidget a:focus, .lotusPaletteContent .lotusPaletteWidget a:active, .lotusPaletteContent .lotusPaletteWidget a:visited{color:#fff}
.lotusPaletteWidget .lotusInner{display:table-row;height:2.6em/*height fixes safari skinny widgets*/}
.lotusPaletteWidget div{font-weight:bold;display:table-cell;vertical-align:middle;}
.lotusPaletteWidget div.lotusIcon{width:34px;text-align:center}
.lotusPaletteWidget div.lotusIcon span{display:block;height:16px;width:16px;padding:3px;margin:.5em 5px;}
.lotusPaletteWidget div.lotusIcon img{width:16px;height:16px;}/*need to force this size to preserve layout - so widgets will float properly*/
.lotusPaletteWidget a.lotusIcon{display:table-cell;width:25px;vertical-align:middle;background:url(../images/lotusSprite-8bit.png) 0 -3694px no-repeat;font-size:2em/*to make alt text larger*/}
.lotusPaletteWidget a.lotusIcon:hover, .lotusPaletteWidget a.lotusIcon:focus{text-decoration:none;background:url(../images/lotusSprite-8bit.png) 0 -3796px}
.lotusPaletteWidget div.lotusIcon span{background-color:transparent}
.lotusui_ie .lotusPaletteWidget div{float:left;padding-top:.25em;}
.lotusui_ie .lotusPaletteWidget div.lotusIcon span, .lotusui_ie .lotusPaletteWidget img{margin-top:-1px}
.lotusui_ie .lotusPaletteWidget a.lotusIcon{float:right;display:block;margin-top:-2px}
.lotusPaletteWidget .lotusTitle h4{display:block;height:1.2em;font-weight:bold}
.lotusPaletteWidget .lotusTitle h4 span{font-size:.8em}/*alt text for ratings, or any other text under the title*/
.lotusui_ie .lotusPaletteWidget .lotusTitle h4{width:10em;}
.lotusPaletteWidget .lotusRating0, .lotusPaletteWidget .lotusRating1, .lotusPaletteWidget .lotusRating2, .lotusPaletteWidget .lotusRating3, .lotusPaletteWidget .lotusRating4, .lotusPaletteWidget .lotusRating5{padding:0 0 12px 2px;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;} 
.lotusPaletteWidget .lotusRating0{background-position:0 -4079px}
.lotusPaletteWidget .lotusRating1{background-position:0 -4181px}
.lotusPaletteWidget .lotusRating2{background-position:0 -4385px}
.lotusPaletteWidget .lotusRating3{background-position:0 -4589px}
.lotusPaletteWidget .lotusRating4{background-position:0 -4793px}
.lotusPaletteWidget .lotusRating5{background-position:0 -4997px}
.lotusui_ie .lotusPaletteWidget .lotusRating0, .lotusui_ie .lotusPaletteWidget .lotusRating1, .lotusui_ie .lotusPaletteWidget .lotusRating2, .lotusui_ie .lotusPaletteWidget .lotusRating3, .lotusui_ie .lotusPaletteWidget .lotusRating4, .lotusui_ie .lotusPaletteWidget .lotusRating5{margin-top:-.5em}
.lotusLargeWidgets .lotusPaletteWidget{height:5.3em}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon{width:50px}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span{height:50px;width:50px;margin:0;padding:0 5px;background-color:transparent;border-width:0;}
.lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img{width:48px;height:48px;border:1px solid #000}
.lotusPaletteContent{background-color:#37393c}
.lotusPaletteContent .lotusPaging{border-width:0;padding:2px 0;background-color:transparent}
.lotusPaletteContent .lotusPaging div{padding-left:0;margin-left:0}
.lotusPaletteContent .lotusPaging ul li, .lotusPaletteContent .lotusPaging div{color:#C1C0C0}
.lotusPaletteContent .lotusPaging .lotusInlinelist{margin-right:5px;}
.lotusPalette .lotusPaging input.lotusText{border:1px solid #181818;background-color:#222;color:#fff;}
.lotusPalette .lotusPaging a, .lotusPalette .lotusPaging a:visited{text-decoration:none;color:#fff}
.lotusPalette .lotusPaging a:hover, .lotusPalette .lotusPaging a:focus{text-decoration:underline;color:#fff}
/*some additional options for widgets*/
.lotusPalette h4.lotusAdded,  .lotusPalette h4.lotusAdded a{padding:0 0 12px 2px}
.lotusPalette .lotusShowHide{display:table-cell;vertical-align:middle;text-align:right;padding-right:10px}/*replaces the plus sign with show hide text, for an add features cumstomize UI*/
.lotusui_ie .lotusPaletteWidget .lotusShowHide{float:right;display:block;margin-top:.35em}
.lotusui_ie .lotusPaletteWidget h4.lotusAdded{margin-top:-.5em;}
.lotusImagesOff a.lotusIcon img{display:none}
/*some additional options for widgets*/
.lotusPalette .lotusAdded,  .lotusPalette .lotusAdded a{color:#0c0}/*to indicate that a widget has been added to the page*/
.lotusPalette h4.lotusAdded,  .lotusPalette h4.lotusAdded a{color:#c1c0c0;}/*grays out header, if widget is already added to the page*/





/***********************************************************/



/*** S E A R C H ***/
/*these styles support the search UI in the title bar*/

.lotusSearch form{margin:0;padding:0}/*ie6 fix*/
.lotusSearch .lotusText, .lotusSearch .dijitTextBox{vertical-align:top;border:1px solid #aaa;background-color:#fff}
.lotusSearch .lotusText, .lotusSearch .lotusScope{margin:0 1px;}
.lotusSearch .lotusText{padding:2px 5px;width:11em;zoom:1;}
.lotusSearch .lotusScope{padding:2px 25px 2px 4px;position:relative;display:block/*Force FF2 into block mode*/;display:inline-block;min-width:11em;height:1.33em;white-space:nowrap;line-height:1.33em;background:#fff url(../images/lotusSprite-8bit.png) 100% -893px no-repeat;text-decoration:none;cursor:pointer;color:#000;border:1px solid #aaa;}
.lotusSearch .lotusScope:visited, .lotusSearch .lotusScope:hover, .lotusSearch .lotusScope:focus, .lotusSearch .lotusScope:active{text-decoration:none}
.lotusSearch .lotusScope:hover, .lotusSearch .lotusScope:focus{color:#fff;background-color:#595b5d;background-image:url(../images/lotusSprite-8bit.png);background-position:100% -981px;background-repeat:no-repeat}
.lotusSearch .lotusScope .lotusIcon{margin-right:3px;vertical-align:top}
.lotusui_ie .lotusSearch .lotusScope{margin-top:1px}
/*min-width not working in these cases*/
.lotusui_ie6 .lotusSearch .lotusScope{width:11em;}
.lotusui_ie7 .lotusSearch .lotusScope{min-width:0}
.lotusui_ie7 .lotusSearch .lotusScope span{min-width:0}
/*high contrast mode*/
.lotusSearch .lotusScope .lotusAltText{position:absolute;top:0;right:0;width:16px;height:16px;min-width:0;background-image:none;display:none}
.lotusImagesOff .lotusSearch .lotusScope .lotusAltText{display:block}
/*.lotusImagesOff .lotusSearch .lotusScope span{padding:2px 0 2px 5px}*/
.lotusSearch .lotusBtnImg{padding:2px;display:-moz-inline-box;display:inline-block;vertical-align:middle;}/*wrapper for image button*/
.lotusSearch .lotusSearchButton{background-color:transparent;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2913px;}/*image button*/





/***********************************************************/



/*** S E A R C H   T A B ***/
/*this is the UI for a search/find control that hides the input fields until the user opens them*/
/*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/

.lotusSearchTab{position:absolute;right:0;bottom:0;padding:.3em 5px;z-index:1;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;}
.lotusSearchTab:hover, .lotusTabExpanded{color:#414546}
.lotusTabExpanded{-moz-border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-bottom-color:#fff;}
.lotusSearchTab a, .lotusSearchTab a:visited{padding-right:18px;display:block;background:url(../images/lotusSprite-8bit.png) 100% -5176px no-repeat;text-decoration:none;font-weight:bold}
.lotusSearchTab a:hover, .lotusSearchTab a:focus{text-decoration:none;background-image:url(../images/lotusSprite-8bit.png);background-position:100% -5412px}
.lotusTabExpanded a, .lotusTabExpanded a:visited{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -5648px}
.lotusTabExpanded a:hover, .lotusTabExpanded a:focus{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -5766px}
.lotusSearchTab a, .lotusSearchTab a:visited, .lotusSearchTab a:hover, .lotusSearchTab a:focus, .lotusSearchTab a:active{color:#000;}
form.lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:2.1em;right:0;display:none;z-index:0;background-color:#fff;border:1px solid #ccc;-moz-border-radius:4px 0 4px 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;white-space:nowrap}
.lotusSearchForm input.lotusText{padding:2px 5px;width:15em;vertical-align:top;color:#999;border:1px solid #aaa}
.lotusSearchForm lotusBtn, .lotusSearchForm select{vertical-align:middle;margin-left:3px;}
.lotusSearchForm .lotusBtnImg{padding:2px;display:-moz-inline-box;display:inline-block;vertical-align:middle}
.lotusSearchForm .lotusSearchButton{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2913px}



/***********************************************************/



/*S E C T I O N */
/*this is used to space out different elements in all three columns*/
/*a section contains a header*/

.lotusSection, .portlet-section{margin:0 0 15px -3px;padding:0 0 5px 0;clear:both;zoom:1;position:relative}
.lotusSectionBody{margin:0 0 0 15px}
.lotusSection div.lotusChunk, .lotusSection div.lotusSubsection{margin-top:5px;clear:both;zoom:1}
.lotusSection h2, .lotusSection h3{zoom:1}/*sets hasLayout in IE*/
.lotusSection h2{overflow:hidden;padding:4px 3px 4px 0;cursor:pointer !important}/*use important to override move cursor when the lotusDraggable class is assigned to the header*/
/*draggable sections*/
.lotusSection .lotusDragHandle{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -1725px}
.lotusSection h2.lotusDraggable:hover .lotusDragHandle{visibility:visible}
.lotusSection .lotusArrow:visited, .lotusSection .lotusArrow:hover, .lotusSection .lotusArrow:focus, .lotusSection .lotusArrow:active{text-decoration:none}
/*these twisties use lotusArrow sprite in baseTheme.css*/
.lotusTwistyOpen{background-position:0 -522px}
.lotusTwistyClosed{background-position:0 -232px}
.lotusSection h2 span.lotusLeft, .lotusSection h3 span.lotusLeft{width:80%}/*header text*/
.lotusSection h3{padding-right:4px}/*for when there is a help icon*/
.lotusImagesOff .lotusSection h2 span.lotusLeft, .lotusImagesOff .lotusSection h3 span.lotusLeft{width:auto;margin-right:10px}/*we need more room for text in place of the action icon*/
.lotusSection h2 a.lotusIcon{float:right;width:16px;height:18px;background-repeat:no-repeat}/*this is the action menu icon*/
.lotusSection h2 a.lotusActionMenu{background-image:url(../images/lotusSprite-8bit.png);background-position:3px -1909px}
.lotusSection h2 a.lotusActionMenu:hover, .lotusSection h2 a.lotusActionMenu:focus{background-position:3px -1999px}
.lotusSectionBody{background-color:#fff}
.lotusImagesOff .lotusSection h2 a.lotusIcon{font-size:.78em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusSection h2.lotusIcons img, .lotusSection h3.lotusIcons img, .portlet-section h2.lotusIcons img, .portlet-section h3.lotusIcons img{margin-left:3px}
.lotusSection .lotusDragHandle{width:9px;height:17px;position:absolute;left:-7px;top:5px;background-repeat:no-repeat;zoom:1;cursor:move;visibility:hidden}/*we may want to move this outside of a section and make it a more general class.  It must be positioned within a relative div*/
.lotusSection div.lotusLast, .portlet-section div.lotusLast{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/
.lotusSection .lotusList{margin:0 0 0 -8px} /*allows selection to extend to the left and right of the list items*/
.lotusSection .lotusList li{padding-left:8px;padding-right:5px}
.lotusSection .lotusTagCloud{width:100%; overflow:hidden;}
/*for left alignment in a section*/
.lotusSection .lotusVertTable, .lotusSection div.lotusChunk .lotusVertTable{margin-left:-2px}/*to offset the 2px padding on the first table cell*/
.lotusSection ul.lotusTree{margin-left:-10px}
.lotusImagesOff .lotusSection ul.lotusTree{margin-left:15px}



/****************************************************************/



/*** S O R T ***/
/*these are for the sort controls found at the top of a table/list of entries*/

.lotusSort{margin:3px 10px;font-size:.9em}
.lotusSort .lotusInlinelist li{padding:2px 5px}
.lotusSort .lotusInlinelist li.lotusFirst{padding-left:0}
.lotusSort a{padding:0;background-repeat:no-repeat;display:-moz-inline-box/*for FF2*/;display:inline-block;vertical-align:middle}
a.lotusMoreSorts{padding-right:8px;}
a.lotusActiveSort{text-decoration:none}
.lotusSort .lotusAscending, .lotusSort .lotusDescending{padding-right:10px;}
.lotusImagesOff .lotusSort .lotusAscending, .lotusImagesOff .lotusSort .lotusDescending{padding-right:0}
.lotusSort .lotusAscending{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -5864px}
.lotusSort .lotusDescending{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -5954px}
.lotusSort a.lotusMoreSorts{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -764px}

/****************************************************************/



/*** T A B L E S ***/
/*layout table*/
/*note, if you need to use the structure of a relative div containing an absolute div within a layout table, be aware that Safari will only show the portion of your absolute div that is within the table area.  This is by design.*/
/*there is no cellpadding built into these tables. Used judiciously for complex layouts.*/
/*using child descenders to scope styles only to the layout table and not any nested tables*/

.lotusLayout td{padding:0;vertical-align:top;text-align:left;} /*default alignment*/
.lotusLayout td.lotusvAlignMid{vertical-align:middle}/*allows you to override default alignment*/
/*used for presenting information in a vertical format*/
.lotusVertTable th, .lotusVertTable td{padding:2px}
.lotusVertTable th{padding-right:50px;text-align:left;vertical-align:top;font-weight:normal;color:#666;}
.lotusVertTable p{margin:0}
/*entry/data table*/
.lotusTable{width:100%;border-collapse:collapse;border-bottom-color:#eee;}
.lotusTable th, .lotusTable td{padding:5px 2px;vertical-align:top;text-align:left;font-weight:normal;}
.lotusTable th.lotusSubHeader{padding-top:15px}/*wrap an h4 tag in a th tag that spans the table columns for a subheader*/
.lotusTable .lotusFirst th.lotusSubHeader{padding-top:5px}
.lotusTable .lotusSummary td{padding:5px 2px 0 2px}
.lotusTable .lotusDetails td, .lotusTable .lotusMore td{padding:0 2px 5px 2px}
.lotusTable td p:first-child, p.lotusFirst{margin-top:0}/*for IE6, you have to assign the class lotusFirst to the first paragraph*/
.lotusTable td, .lotusTable th.lotusRowHeader, .lotusTable th.lotusSubHeader{border-top:1px solid #eee}/*use lotusRowHeader as a class on a th tag for a header that is the first cell of a row*/
.lotusTable .lotusLast td, .lotusTable .lotusLast th.lotusRowHeader{border-bottom:1px solid #eee}/*this give the option of a border under the last table row*/

.lotusTable .lotusDetails td, .lotusTable .lotusFirst td, .lotusTable .lotusMore td, .lotusTable .lotusFirst th.lotusRowHeader, .lotusTable .lotusFirst th.lotusSubHeader{border-top-width:0}
.lotusTable th.lotusFirstCell, .lotusTable td.lotusFirstCell{padding-left:10px}
.lotusTable th.lotusLastCell, .lotusTable td.lotusLastCell{padding-right:10px }
.lotusTable .lotusAltRow td, .lotusTable .lotusAltRow th.lotusRowHeader{background-color:#fafafa;}
.lotusTable th.lotusAltCell, .lotusTable td.lotusAltCell{background-color:#fafafa;border-width:0 1px 1px 0;border-style:solid;border-right-color:#fff;border-bottom-color:#fff;}

.lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px;color:#666;}
.lotusTable .lotusType{margin-left:5px;padding:0;font-weight:normal;font-size:.75em;color:#666;}/*allows you to add an image and text inside a header to indicate the type of entry - requires an additional class*/
/*h4 tags are used for entry titles*/
.lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{text-decoration:line-through;color:#666} /*for to do items*/
/*h5 tags are used for subsections in entry details*/
.lotusTable h5{margin:12px 0 2px 0;}
/*when the h4 tag occurs in the details row (like in notifications), we need some bottom margin*/
.lotusTable .lotusDetails h4{margin-bottom:2px}
.lotusTable .lotusDivider{padding:0 5px}
.lotusTable .lotusFirstCell input{margin:3px 0 0 0}
.lotusui_ie .lotusTable .lotusFirstCell input{margin:0}
.lotusTable .lotusPaging td, .portlet-table .lotusPaging td{border-color:#eee;}
.lotusTable .lotusMeta{font-size:.9em}
.lotusTable .lotusActions{white-space:nowrap}/*fix for Safari*/
/*this table also shows up at the top of the UI, for announcements.*/
.lotusInfoTable{margin:0 0 12px 0;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#f0f0f0;border:1px solid #ccc;}
.lotusInfoTable h2{position:relative;zoom:1;}
.lotusInfoTable th, .lotusInfoTable td{padding:5px 10px}
.lotusInfoTable .lotusClose{position:absolute;right:-5px;top:0;display:block;padding:2px;}
.lotusInfoTable .lotusClose img{width:12px;height:12px;background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2319px;opacity:0.25;filter:alpha(opacity=25);}
.lotusInfoTable .lotusClose:hover img, .lotusInfoTable .lotusClose:focus img{opacity:0.40;filter:alpha(opacity=40)}
.lotusui_ie6 .lotusInfoTable .lotusClose{font-size:12px}/*preserves the height of the close button when the font size is made larger*/





/****************************************************************/



/*** T A B S ***/
/*tabs are used in content area and titlebar.  The style adjustments needed for the titlebar are grouped with the titleBar styles*/

.lotusTabContainer{height:3em;position:relative;border-bottom:1px solid #ccc;z-index:1;margin-bottom:10px;}
ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;left:10px;bottom:-1px;overflow:hidden;list-style:none;}
.lotusImagesOff ul.lotusTabs{bottom:-2px}
.lotusImagesOff ul.lotusTabs .lotusSelected{border-bottom-width:0}
.lotusTabs li, .portlet-tab li{margin:0 2px 0 0 !important;padding-left:3px;float:left;border-width:1px;border-style:solid;border-color:#eee;border-bottom-color:#ccc;background-color:#eee;;}/*set margins to important so they are preserved within other components*/
.lotusTabs li.lotusSelected, .portlet-tab li.lotusSelected{background-color:#fff;border-color:#d9d9d9;border-bottom-color:#fff;}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab a:visited{padding:6px 8px 6px 5px;display:block;text-decoration:none;line-height:1em;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{font-weight:bold;color:#000;}
.lotusTabs a:hover, .lotusTabs a:focus, .portlet-tab a:hover, .portlet-tab a:focus{text-decoration:none}
/*a style that can be applied to a div that allows you to surround a tab content area with a border*/
.lotusTabContent{margin:-10px 0 12px 0;padding:10px;border-width:0 1px 1px 1px;border-style:solid;border-color:#d9d9d9;}





/****************************************************************/


/*** T A G   C L O U D ***/
/*a tag cloud is a visual way of displaying the relative importance of tags, with lotusF1 being of least importance and lotusF5 being most important*/

.lotusTagCloud ul{margin:0;padding:0}
.lotusTagCloud li{display:inline;zoom:1}
.lotusui_ie .lotusTagCloud li{margin-right:3px}
.lotusTagCloud a{text-decoration:none;font-weight:bold}
.lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;}
a.lotusF5, a.lotusF5:visited{font-size:115%;color:#1c3052}
a.lotusF4, a.lotusF4:visited{font-size:108%;color:#2b588e}
a.lotusF3, a.lotusF3:visited{font-size:100%;color:#4477bb}
a.lotusF2, a.lotusF2:visited{font-size:95%;color:#649cd8}
a.lotusF1, a.lotusF1:visited{font-size:90%;color:#8bbce8}



/***********************************************************/



/*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/

ul.lotusTree, ul.portlet-tree{margin:0;padding:0;list-style-type:none;line-height:1.5em;}
.lotusTree ul, .portlet-tree ul{margin:0 0 0 14px;padding:0;list-style-type:none;}
.lotusTree li, .portlet-tree li{margin:0;padding:1px 0;}
.lotusTree a, .portlet-tree a{text-decoration:none;}
.lotusTree a:hover, .lotusTree a:focus, .portlet-tree a:hover, .portlet-tree a:focus{text-decoration:underline}
.lotusTree .lotusIcon{margin-right:3px}
.lotusTree input{margin:0 3px 0 0;padding:0;vertical-align:middle}
/*this is a specific type of tree*/
.lotusOrgChart ul{margin-left:11px}
.lotusOrgChart li{padding:2px 0}
.lotusOrgChart li a{margin:0;padding:0 0 5px 20px;}
.lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;}
.lotusOrgChartTop, .lotusOrgChartMiddle, .lotusOrgChartBottom{padding-left:20px;}
/*the second class definition for each type of node accommodates a div version of the org chart*/
.lotusOrgChart li a, .lotusOrgChartMiddle{background:url(../images/lotusSprite-8bit.png) 0 -3249px no-repeat;}
.lotusOrgChart a.lotusTop, .lotusOrgChartTop{background:url(../images/lotusSprite-8bit.png) 0 -3477px no-repeat;}
.lotusOrgChart .lotusBottom, .lotusOrgChartBottom{background:url(../images/lotusSprite-8bit.png) 0 -3016px no-repeat;}
/*images off adjustments*/
.lotusImagesOff ul.lotusTree, .lotusImagesOff .lotusTree ul * {list-style-type:square;}
.lotusImagesOff .lotusOrgChart li a, .lotusImagesOff .lotusBottom{padding-left:0 !important;}

/***********************************************************/




/*** V C A R D (P E R S O N   C A R D)***/
/*this is the popup person card that shows up when you click on a person link (via a hover link)*/

.lotusVCard{display:table;position:absolute;left:0;top:-9999px;width:400px;border:1px solid #ccc;box-shadow:0 2px 5px #eee;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;background-color:#fafafa}
.lotusVCard table.lotusContainer{width:100%}
/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td{background-repeat:repeat-x;border-width:0 0 1px 1px;border-style:solid;border-color:#c5c5c5;background-color:#fff;text-align:center}
.lotusVCard .lotusAppLinks td.lotusFirst{border-left-width:0}
.lotusVCard .lotusAppLinks a{display:block;padding:3px 9px;}
/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore{width:16px;margin-right:10px;background:url(../images/lotusSprite-8bit.png) 18px -2531px no-repeat;}
.lotusVCard .lotusMore:visited, .lotusVCard .lotusMore:hover, .lotusVCard .lotusMore:focus, .lotusVCard .lotusMore:active{text-decoration:none}
.lotusVCard .lotusMoreExpanded{background-image:url(../images/lotusSprite-8bit.png);background-position:18px -2643px}
/*lotusPersonDetails is the detail area of the card that contains all info for the person*/
.lotusVCard .lotusDetails{padding:10px;border-top:1px solid #fff;background-color:#f2f2f2}
.lotusVCard .lotusPhoto{padding:3px;border:1px solid #bdc4ca;float:left;position:relative/*IE fix for floated elements within a relative container not showing*/}
.lotusVCard .lotusPersonInfo{margin-left:86px}
/*lotusPersonActions are actions you can perform on this person, from the person card*/
.lotusVCard .lotusPersonActions{padding:5px;border-top:1px solid #c5c5c5;background-color:#fff}
/*action menu within person card*/
.lotusVCard .lotusPersonActions .lotusInlinelist li{border-left-color:#105cb6}
.lotusVCard .lotusActionMenu{position:static;left:auto;top:auto;border-width:0;display:none;width:auto;margin-top:-10px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
/*lotusComments in the person card contains status information for the person*/
.lotusImagesOff .lotusCommentHeader{display:none}
.lotusVCard .lotusComment{clear:both}
.lotusVCard .lotusDetails .lotusComment{position:relative;margin:-10px 0 2px -10px;padding:0 0 0 10px;zoom:1}
.lotusVCard .lotusDetails .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.6em;background:url(../images/lotusSprite-8bit.png) 0 -1510px no-repeat;}
.lotusVCard .lotusDetails .lotusCommentBody{position:relative;top:1.7em;margin:-1px 0 2.2em 0;padding:5px 10px;color:#666;background-color:#fff;border:1px solid #a0acba;z-index:0;-moz-border-radius:4px 4px 6px 6px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;zoom:1}
/*adjustments for an inline version of the card*/
.lotusInlineVCard{position:static;left:auto;margin:0 0 10px 0}
.lotusInlineVCard, .lotusInlineVCard .lotusContainer{width:175px;position:static;top:auto;left:auto}
.lotusInlineVCard .lotusPhoto{padding:0;border-width:0;margin-top:5px}
.lotusInlineVCard .lotusPersonInfo{margin-left:60px;margin-top:4px}
.lotusInlineVCard .lotusEmail{padding:5px 10px;clear:both;border-width:1px 0;border-style:solid;border-color:#c5c5c5;}
.lotusInlineVCard .lotusAppLinks{list-style-type:none;margin:0;padding:0}
.lotusInlineVCard .lotusPivotNav{padding:2px 5px 1px 2px;overflow:hidden;zoom:1;}
.lotusInlineVCard .lotusPivotNavToggle{margin:0 5px 0 0;padding:0;float:left;height:45px;width:10px;}
.lotusPivotNavToggle a{display:block;height:45px;background:#d8d8e0 url(../images/lotusSprite-8bit.png) 3px -5988px no-repeat;text-decoration:none;}
.lotusPivotNavToggle a:visited, .lotusPivotNavToggle a:hover, .lotusPivotNavToggle a:focus, .lotusPivotNavToggle a:active{text-decoration:none;}
.lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(../images/lotusSprite-8bit.png);background-position: 0 -6085px}
.lotusInlineVCard .lotusInlineVCardDetails{display:none}



/***********************************************************/

/*** V C A R D   H O V E R ***/
/*this is the hover link that shows when you hover over a person's name and allows you to open their profile card*/

.lotusVCardHover{padding:5px 5px 5px 25px;position:absolute;left:0;top:-9999px;border:1px solid #aeaeae;-moz-border-radius:2px;-webkit-border-radius:2px;background:#fff79a url(../images/lotusSprite-8bit.png)  5px -2697px no-repeat;white-space:nowrap}
.lotusVCardHover:hover, .lotusVCardHover:focus{text-decoration:none !important}
.lotusImagesOff .lotusVCardHover{padding-left:5px}

/***********************************************************/


/*** W I D G E T ***/

.lotusWidget2{margin:0 0 10px 0;border:1px solid #ccc}
.lotusWidgetPlain{border-width:0}/*the title bar shows up on hover*/
.lotusWidgetPlain:hover h2, .lotusWidgetPlain:focus h2{display:block}
.lotusWidget2 h2, .lotusWidget2 h3{zoom:1}/*sets hasLayout in IE*/
.lotusWidget2 h2{padding:4px 3px 4px 10px;border-bottom:1px solid #ccc;background-color:#f4f4f4;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;background-repeat:repeat-x;overflow:hidden;cursor:move;}
.lotusWidgetPlain h2{display:none;border-width:1px;border-style:solid;border-color:#ccc}
.lotusWidget2 .lotusWidgetBody h2{border-width:0;background-image:none}
.lotusWidget2 h2 img{margin-left:3px}
.lotusWidget2 h2 .lotusDivider{float:right}
.lotusWidget2 h3{margin:0 -10px;padding:4px 10px;overflow:hidden;color:#444;border-bottom:1px solid #eee;line-height:1em;height:1.3em;font-size:1em;font-weight:normal}
.lotusui_ie6 .lotusWidget2 h3, .lotusui_ie7 .lotusWidget2 h3{display:inline;width:100%;}/*makes negative margins behave*/
.lotusWidget2 h3 a.lotusAction{padding:4px 0 5px 0;}
.lotusWidget2 .lotusWidgetBody{clear:both;padding:3px 10px;}
.lotusWidget2 .lotusWidgetBody .lotusSection {margin-top:0;}
.lotusWidget2 .lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1}
.lotusWidget2 .lotusWidgetFooter{padding:4px 10px 7px 10px;border-top:1px solid #eee;height:1.3em;clear:both}
.lotusWidget2 .lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px}
.lotusWidget2 .lotusWidgetFooter img{vertical-align:top}
.lotusWidget2 .lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px}
.lotusWidgetSearch img {padding-right:10px}
/*paging controls within a widget*/
.lotusWidget2 .lotusWidgetFooter .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;height:1em;background-color:transparent;border-width:0}
.lotusWidget2 .lotusPaging div{padding-left:0}
/*scrolling*/
.lotusWidget2 .lotusWidgetScroll{overflow:hidden;clear:both;}
.lotusWidget2 .lotusWidgetScroll a{margin:3px auto}
.lotusImagesOff .lotusWidget2 .lotusWidgetScroll{overflow:visible;padding-bottom:3px}
/*action menu icon*/
.lotusWidget2 h2 a.lotusIcon{float:right;width:18px;height:18px;background-repeat:no-repeat}
.lotusImagesOff .lotusWidget2 h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusWidget2 h2 a.lotusActionMenu{background-image:url(../images/lotusSprite-8bit.png);background-position:3px -1909px}
.lotusWidget2 h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-position:3px -1999px}
/*add any additional buttons you need to expose here*/





/***********************************************************/




/*******************************************/
/*** P A G E   L A Y O U T   S T Y L E S ***/
/*******************************************/

.lotusFrame{margin:0 auto;padding:0;min-width:990px;}
.lotusui_ie6 .lotusFrame{width:990px;}/*for IE6 - use javascript window.onload and window.onresize to set this as a min-width, instead*/
.lotusTitleBar, .lotusPlaceBar{margin:0 10px}
.lotusMain, .lotusFooter{margin:0 10px 10px 10px;overflow:hidden;background-color:#fff;border-style:solid;border-color:#ccc;clear:both;}
.lotusMain{padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;border-top-color:#ccc;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;zoom:1}
.lotusContent{padding:15px 20px 20px 20px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs.  This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/min-height:400px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;margin-bottom:-4px;/*need the min-height and the rounded corners and the negative bottom margin, to get rid of the left column background image (matches lotusMain)*/background-color:#fff;}
.lotusMain .lotusSearch .lotusText, .lotusMain .lotusSearch .dijitTextBox{border-color:#ccc}
/*keeps UI from shifting on max/restore in IE*/
.lotusui_ie .lotusContent{display:inline-block;}/*layout fix for IE*/
.lotusui_ie6 .lotusContent{padding-left:15px}/*IE6 adjustment*/
.lotusContentColOne{float:left;margin:10px;width:47%;}
.lotusContentColTwo{float:left;margin:10px 10px 10px 0;text-align:left;width:47%;}
/*to make sure these columns fit in a two column layout - only IE6 has issues*/
.lotusui_ie6 .lotusContentColOne{width:45%;}
.lotusui_ie6 .lotusContentColTwo{width:45%;}
/***********************************************************/







/*** B A N N E R **/
/*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/

.lotusBanner{padding:5px 10px 5px 20px;text-align:left;overflow:hidden;zoom:1;background-color:transparent;}
.lotusBanner .lotusLogo{float:left;margin-right:20px;}
.lotusBanner ul{padding:0;white-space:nowrap}
.lotusui_ie6 .lotusBanner ul{margin-top:0;margin-bottom:2px;}	
.lotusBanner ul.lotusInlinelist li{margin:0 2px;padding:0;color:#000;background-color:transparent;border-left-width:0;}
.lotusBanner ul.lotusInlinelist li.lotusFirst{background-image:none}	
.lotusBanner ul.lotusLinks li{margin:0}
.lotusBanner ul.lotusLinks li.lotusSelected a{text-decoration:underline;font-weight:bold;}
.lotusBanner ul.lotusUtility li{font-size:.9em;}
.lotusBanner ul li a{padding:1px 10px;}
.lotusBanner ul.lotusUtility{float:right;}
.lotusBanner ul.lotusUtility li a, .lotusBanner ul li span.lotusUser{padding:1px 5px;}
.lotusImagesOff .lotusArrow{display:none}








/***********************************************************/


/*****************************/
/*** N A V I G A T I O N   M E N U ***/
/*****************************/

.lotusNavMenu{border:1px solid #aaa;background-color:#fff;display:table;z-index:900px;}
.lotusNavMenu ul{margin:0;padding:0;list-style-type:none;padding:5px 0}
.lotusNavMenu li{white-space:nowrap;zoom:1;background-color:transparent;padding:0 5px;color:#666}
.lotusui_ie .lotusNavMenu ul{width:15em}
.lotusui_ie .lotusNavMenu ul.lotusNavMenuLarge {width:25em}
.lotusui_ie .lotusNavMenu li{white-space:normal;}/*since we have a fixed width, we have to allow for wrapping*/
.lotusNavMenu li.lotusMenuSeparator{border-top:1px solid #ccc;margin-top:5px;padding-top:5px} 
.lotusui .lotusNavMenu .dijitTooltipContainer a:hover{text-decoration:underline;}
.lotusNavMenu li img{margin:0 5px}
.lotusui_ie .lotusNavMenu li img{margin-bottom:10px}/*fixes image alignment*/
.lotusNavMenu li a, .lotusNavMenu li span{display:inline-block;padding:5px;}  
.lotusNavMenu li a + a, .lotusNavMenu li a + span, .lotusNavMenu li span + a{margin-left:10px}/*some extra spacing, IE6 users won't see this*/    
.lotusNavMenu .dijitTooltipContainer {background-image:none;background-color:transparent;border-width:0}
.lotusNavMenu .dijitTooltipConnector {display:none;}





/***********************************************************/



/*** F O O T E R ***/
/*this sits at the bottom of the UI and contains a lot of support links, like help and about*/

.lotusFooter{padding:10px 10px 10px 0;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:.9em}
.lotusFooter p{margin:0;line-height:1.3em}
.lotusFooter ul{margin:0;padding:0;list-style-type:none}
.lotusFooter li{line-height:1.2em;padding:.3em 0}
.lotusFooter th, .lotusFooter td{border-right:1px solid #e0e0e0;vertical-align:top}
.lotusFooter th.lotusLast, .lotusFooter td.lotusLast{border-width:0}
.lotusFooter th, .lotusFooterHeader{padding:5px 10px 3px 25px;width:20%;font-weight:bold;font-size:1.1em;text-align:left;color:#666}
.lotusFooter td{padding:0 50px 10px 25px;}



/***********************************************************/




/*** COLUMNS ***/
/*left column - menu and filters*/
/*right column - lists*/
.lotusColLeft{float:left;width:180px;padding:15px 10px;zoom:1}
.lotusColRight{float:right;width:190px;padding:15px 10px;zoom:1}
.lotusColLeft .lotusPhoto{width:128px;height:128px;margin:0 auto 10px}
.lotusColLeft .lotusFormTable, .lotusColRight .lotusFormTable{margin-left:-10px;}
.lotusColLeft .lotusFormTable td, .lotusColRight .lotusFormTable td{padding-left:10px;padding-top:5px;background-color:transparent}
.lotusColLeft .lotusFormFooter, .lotusColRight .lotusFormFooter{padding-left:10px !important;}
/*section adjustments for the left column*/
.lotusColLeft .lotusBtn, .lotusColRight .lotusBtn{width:99%}
.lotusColLeft .lotusBtn a, .lotusColRight .lotusBtn a{padding:4px 0}
.lotusColLeft .lotusSection .lotusSearch .lotusText,
.lotusColRight .lotusSection .lotusSearch .lotusText,
.lotusColLeft .lotusWidget2 .lotusSearch .lotusText,
.lotusColRight .lotusWidget2 .lotusSearch .lotusText{margin:0 2px 0 0;width:75%;}
.lotusColLeft .lotusPhoto, .lotusColRight .lotusPhoto{width:128px;height:128px;margin:0 auto 10px}



/***********************************************************/


/*** P L A C E   B A R ***/
/*this place bar shows up right below the title bar and tells user what place or community they are in*/

.lotusPlaceBar{position:relative;border-width:0 1px 1px 1px;border-style:solid;border-color:#c0c7cd;overflow:hidden;background-color:#fff;background-image:none/*gets rid of the sprite*/;background-image:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));background-position:top left;background-repeat:repeat-x;zoom:1}
.lotusPlaceBar h2{padding:2px 0 0 20px;float:left;font-size:1.4em;line-height:2em;font-weight:normal;color:#000;}
.lotusPlaceBar .lotusBtnContainer{float:right;padding:.5em 5px .5em 10px;}/*buttons show up on the right side of the place bar*/





/***********************************************************/




/*** T I T L E   B A R 	***/
/*the blue bar under the , that contains tabs and search UI*/

.lotusTitleBar{background-color:#747678;position:relative;clear:both/*fix for IE6*/;border-bottom:1px solid #747678;background-image:-moz-linear-gradient(top, #87898b 0%, #656769 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#87898b), to(#656769));border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;zoom:1}
.lotusTitleBar .lotusInner{height:3em;width:100%}
.lotusTitleBar h2{padding:10px 0 0 15px;float:left;font-size:1.5em;letter-spacing:0;width:200px;font-weight:normal;color:#fff;} /*this is used in place of tabs, if desired*/
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{left:215px}/*override this positioning in your custom css file if you don't use an appliacation title*/
.lotusTitleBar .lotusSearch .lotusText, .lotusTitleBar .lotusSearch .lotusScope, .lotusTitleBar .lotusSearch .lotusBtnImg, .lotusTitleBar .lotusTabs li{border:1px solid #747678;}
.lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusSearch .lotusBtnImg{background-color:#595b5d;}
.lotusTitleBar .lotusTabs li{padding-left:5px;border-bottom-color:#656769;}
.lotusTitleBar .lotusSearch{position:absolute;top:.7em;right:10px}  
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;padding:7px 10px 7px 7px;text-decoration:none;line-height:1em;background-position:top right;background-repeat:no-repeat;line-height:1em;color:#fff;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
.lotusTitleBar .lotusTabs li.lotusSelected{background-color:#fff;border-bottom:1px solid #fff}
.lotusTitleBar .lotusTabs li.lotusSelected a, .lotusTitleBar .lotusTabs li.lotusSelected a:visited{color:#000;}
.lotusTitleBar .lotusTabs li a:hover, .lotusTitleBar .lotusTabs li a:focus, .lotusTitleBar .lotusTabs li a:active{color:#fff !important}
.lotusTitleBar .lotusTabs li.lotusSelected a:hover, .lotusTitleBar .lotusTabs li.lotusSelected a:focus, .lotusTitleBar .lotusTabs li.lotusSelected a:active{color:#000 !important}
/*accessibility*/
.lotusTitleBar .lotusSearchButton{color:#fff}





/***********************************************************/



/*************************************/
/*** S P E C I A L   S C R E E N S ***/
/*************************************/


/*** A B O U T ***/
.lotusAbout .lotusContent h1{margin:0;padding:0;font-size:3em;font-weight:normal;line-height:normal;}
.lotusAbout .lotusContent h2{margin:15px 0 10px 0;padding:0;font-size:1.5em;font-weight:normal;line-height:1em;}
.lotusAbout .lotusContent h3{margin:3px 0 15px;font-size:1.5em;font-weight:normal;}
.lotusAbout .lotusAboutBox{padding-right:25px;padding-bottom:15px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;min-height:200px;background-color:#eee;border:1px solid #ccc}
.lotusui_ie .lotusAbout .lotusAboutBox{display:inline-block}
.lotusui_ie6 .lotusAbout .lotusAboutBox{height:auto !important;height:200px}
.lotusAboutBox img{position:absolute;left:30px;top:22px;}
.lotusAbout .lotusAboutText{margin:22px 20px 20px 225px;}
/*legal statement adjustments*/
.lotusAbout table.lotusLegal{margin-top:15px}
/***********************************************************/





/*** E R R O R ***/
.lotusErrorBox{width:619px;margin:20px auto;padding:0;border:1px solid #cfcfcf;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;}
.lotusErrorContent{position:relative;padding:20px;zoom:1}/*sets hasLayout for IE6*/
.lotusErrorContent img{position:absolute;top:20px;left:30px;}
.lotusErrorForm{margin:0px 0 0 85px;}
.lotusError h1{margin:0 0 10px 0;padding:0;font-size:2.3em;font-weight:normal;}
.lotusErrorForm .lotusBtnContainer{margin-top:15px}
.lotusErrorForm .lotusBtn{margin-right:15px;text-align:center;}
.lotusErrorForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusErrorForm div{width:auto;clear:none;margin:0;padding:0;}
/***********************************************************/


/*** L O G I N ***/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/

.lotusLogin2 .lotusLoginBox{width:485px;margin:30px auto 10px;;padding:0;background-color:#fff;border:1px solid #ccc;}
.lotusLogin2 .lotusLoginBox h1{font-size:1.83333em;font-weight:normal;margin-bottom:25px;}
.lotusLogin2 .lotusLoginBox h2{margin:20px 0 5px 0;font-size:1.1em;font-weight:bold;line-height:1.3em;}
.lotusLogin2 .lotusLoginBox h2.lotusFirst{margin-top:0;}
.lotusLogin2 .lotusDescription{padding-left:5px;margin-top:25px;float:left;width:205px;}
.lotusLogin2 .lotusLoginContent{position:relative;padding:20px 25px;padding-left:40px;zoom:1}
.lotusLogin2 .lotusLegal{margin:0 auto;text-align:center;color:#666;width:475px}
.lotusLogin2 .lotusForm2{background-color:transparent}
.lotusLogin2 .lotusForm2 .lotusFormError{margin-bottom:-10px;}
.lotusLogin2 .lotusLoginBoxWide{width:725px;}
.lotusLogin2 .lotusLoginBoxWide .lotusLoginContent{padding-left:25px;}
.lotusLogin2 .lotusLoginBoxWide .lotusLoginForm{margin-left:245px;border:0;border-left:1px solid #ccc;padding-left:40px;}
.lotusLogin2 .lotusLoginForm{padding:20px 0;position:relative;}
.lotusLogin2 .lotusLoginForm .lotusBtnContainer{margin-top:25px}
.lotusLogin2 .lotusLoginForm .lotusText{width:20em}
.lotusLogin2 .lotusLoginForm p{width:auto;clear:none;margin:0;padding:0;margin-top:15px;}
.lotusLogin2 .lotusLoginForm label{margin-bottom:3px;}
.lotusLogin2 .lotusLoginForm img{margin-top:17px;}





/***********************************************************/



/*** M E T R I C S ***/
/*metrics*/
.lotusMetrics .lotusContent{margin-right:30%}
.lotusMetrics dt{padding:3px 10px;margin:20px 0 0 0;font-weight:bold;background-color:#fafafa;border:1px solid #eee;}
.lotusMetrics dd{margin:0;padding:5px 10px}
/***********************************************************/





/*** W E L C O M E ***/
.lotusWelcome .lotusForm{margin:15px 0}
.lotusWelcome input.lotusBtnSpecial{padding:1px 2px;border-width:1px;border-style:solid;font-size:.9em;font-weight:bold}
.lotusWelcome .lotusContent input.lotusText{width:225px}/*don't want global search box to stretch!*/
.lotusWelcomeBox{margin-left:-15px;margin-bottom:20px;padding:15px;position:relative;border:1px solid #ccc;overflow:hidden;zoom:1;background-color:#eee;}
.lotusWelcomeBox h2{margin:0 180px 10px 0;font-size:1.7em;font-weight:normal;line-height:1em;}
.lotusWelcomeBox .lotusBtnContainer{margin:15px 0 0 0}
.lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;}
.lotusWelcomeBox .lotusBtnContainer .lotusInlinelist{padding-top:2px}
.lotusWelcomeBox .lotusBtnContainer .lotusInlinelist li{border-width:0}
.lotusWelcomeBox p, .lotusWelcomeBox ul{margin-top:5px;margin-bottom:0;margin-right:170px}
.lotusWelcomeBox img{position:absolute;top:16px;right:50px;}
.lotusWelcomeBox a.lotusClose{position:absolute;top:10px;right:12px;width:12px;height:12px;background-color:transparent;background-image:none;border-width:0}
.lotusWelcomeBox a.lotusClose img{background-image:url(../images/lotusSprite-8bit.png);background-position:0 -2319px;opacity:0.25;filter:alpha(opacity=25);}
.lotusWelcomeBox a.lotusClose:hover img, .lotusWelcomeBox a.lotusClose:focus img, .lotusWelcomeBox a.lotusClose:active img{opacity:0.40;filter:alpha(opacity=40);}
.lotusWelcomeBox .lotusClose img{position:static}
/***********************************************************/









/************* D E P R E C A T E D   S T Y L E S ******************/
/*button in left column, set width*/
/*use lotusBtn, instead*/

.lotusButton{margin-bottom:10px;width:174px;border:1px solid #aaa;text-align:center !important;background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));background-position:top left;color:#000;}
.lotusButton a{padding:7px 0;font-size:1.3em;border-width:0 1px 1px 1px;border-style:solid;color:#000;border-color:#dedede;display:block;text-decoration:none;font-weight:bold;}
.lotusButton a:hover, .lotusButton a:focus, .lotusButton a:active{text-decoration:none;}/*gets rid of underline on button hover*/







/*filters used to be part of the header css files*/
.lotusFilters{margin-top:5px;line-height:1.8em;font-size:.9em}
.lotusFilters .lotusAction{font-size:1em !important}/*reset action links, they are already .9em*/
.lotusFilters a.lotusFilter{padding:1px 3px;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none;border:1px solid #eee;background-color:#fafafa;}
.lotusFilters a.lotusFilter:hover, .lotusFilters a.lotusFilter:focus{text-decoration:none}
/*to keep them from getting too tall in IE6*/
.lotusui_ie6 .lotusFilters a{display:inline-block;}
.lotusui_ie6 .lotusFilters a.lotusFilter{padding:0 5px;line-height:1.6em}
.lotusFilters a .lotusClose{padding:0 4px;color:#aaa}
.lotusFilters a:hover .lotusClose{color:#999999}
.lotusFilters .lotusDivider{padding:0 5px;color:#ccc}
.lotusFilters .lotusIcon:hover, .lotusFilters .lotusIcon:focus{text-decoration:none}





/*** W I D G E T ***/

.lotusWidget{margin:0 10px 10px 5px;border:1px solid #ccc}
.lotusWidgetPlain{border-width:0}/*the title bar shows up on hover*/
.lotusWidgetPlain:hover h2, .lotusWidgetPlain:focus h2{display:block}
.lotusWidget h2, .lotusWidget h3{zoom:1}/*sets hasLayout in IE*/
.lotusWidget h2{padding:4px 3px 4px 10px;border-bottom:1px solid #ccc;background-color:#f4f4f4;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;background-repeat:repeat-x;overflow:hidden;cursor:move;}
.lotusWidgetPlain h2{display:none;border-width:1px;border-style:solid;border-color:#ccc}
.lotusWidget .lotusWidgetBody h2{border-width:0;background-image:none}
.lotusWidget h2 img{margin-left:3px}
.lotusWidget h2 .lotusDivider{float:right}
.lotusWidget h3{padding:4px 10px;overflow:hidden;color:#444;border-bottom:1px solid #eee;line-height:1em;height:1.3em;font-size:1em;font-weight:normal}
/*.lotusWidget h3 a{padding:4px 0 5px 0}*/
.lotusWidget h3 a.lotusAction{font-size:.9em;padding:4px 0 5px 0}
.lotusWidget .lotusWidgetBody{clear:both;padding:3px 0;}
.lotusWidgetBody .lotusSection {margin-top:0px;}
.lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1}
.lotusWidget .lotusWidgetFooter{padding:4px 10px;border-top:1px solid #eee;height:1.3em;clear:both}
.lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px}
.lotusWidgetFooter img{vertical-align:top}
.lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px}
.lotusWidgetSearch img {padding-right:10px}
/*paging controls within a widget*/
.lotusWidget .lotusWidgetFooter .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;border-width:0;background-color:transparent}
.lotusWidget .lotusPaging div{padding-left:0}
/*scrolling*/
.lotusWidget .lotusWidgetScroll{overflow:hidden;clear:both;}
.lotusWidget .lotusWidgetScroll a{margin:3px auto}
.lotusImagesOff .lotusWidget .lotusWidgetScroll{overflow:visible;padding-bottom:3px}
/*action menu icon*/
.lotusWidget h2 a.lotusIcon{float:right;width:18px;height:18px;background-repeat:no-repeat}/*this is the action menu icon*/
.lotusImagesOff .lotusWidget h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto}/*settings for alternate text*/
.lotusWidget h2 a.lotusActionMenu{background-image:url(../images/lotusSprite-8bit.png);background-position:3px -1909px}
.lotusWidget h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-position:3px -1999px}
/*add any additional buttons you need to expose here*/





/***********************************************************/




/*** L O G I N ***/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/

.lotusLogin .lotusLoginBox{width:619px;margin:20px auto;padding:0;background-position:left top;background-repeat:no-repeat;border:1px solid #bbb;background-color:#fff;}
.lotusLogin .lotusLogo, .lotusLoginLogo{position:absolute;top:12px;left:22px;white-space:nowrap}/*size values are in the theme file, under general classes.  lotusLoginLogo is deprecated*/
.lotusLogin .lotusLoginContent{position:relative;padding:20px;zoom:1}
.lotusLogin .lotusLoginContent img{position:absolute;top:130px;left:40px}
.lotusLogin .lotusLoginContent img.lotusIcon{position:static;padding-bottom:1px}
.lotusLogin .lotusLoginForm{margin:100px 0 0 220px;}
.lotusLogin h1{font-size:2.3em;font-weight:normal;}
.lotusLogin h2{margin:5px 0 15px 0;font-size:1.4em;font-weight:normal;line-height:1.3em;}
.lotusLogin .lotusLoginForm input{margin-bottom:5px;}
.lotusLogin .lotusLoginForm .lotusText{width:15em}
.lotusLogin .lotusLoginForm .lotusBtnContainer{margin-top:10px}
.lotusLogin .lotusLoginForm .lotusBtn{margin-right:15px;font-size:inherit}
.lotusLogin .lotusLoginForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusLogin .lotusLoginForm div{width:auto;clear:none;margin:0;padding:0;}
.lotusLogin .lotusLoginForm label{margin-left:0;padding-top:0;display:block;float:none;text-align:left;font-weight:normal;}
.lotusLogin .lotusDescription{margin-top:30px;clear:left;}
.lotusLogin .lotusDescription h2{margin-bottom:3px;color:#000}
/*legal statement adjustments*/
.lotusLogin div.lotusLegal .lotusLicense{background-position:left top}
.lotusLogin .lotusLegal{margin-left:10px}
.lotusLogin table.lotusLegal{margin-top:15px}



/***********************************************************/




